@buoy-gg/floating-tools-core 7.0.36 → 7.0.39

package/lib/commonjs/icons/renders-icon.native.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HIGHLIGHTER_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _highlighterIcon.HIGHLIGHTER_ICON_COLOR;
+  }
+});
+Object.defineProperty(exports, "HighlighterIcon", {
+  enumerable: true,
+  get: function () {
+    return _highlighterIcon.HighlighterIcon;
+  }
+});
+Object.defineProperty(exports, "RENDERS_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _highlighterIcon.RENDERS_ICON_COLOR;
+  }
+});
+Object.defineProperty(exports, "RendersIcon", {
+  enumerable: true,
+  get: function () {
+    return _highlighterIcon.RendersIcon;
+  }
+});
+var _highlighterIcon = require("./highlighter-icon");

package/lib/commonjs/icons/riverpod-icon.js

@@ -10,17 +10,10 @@ Object.defineProperty(exports, "RIVERPOD_ICON_COLOR", {
   }
 });
 exports.RiverpodIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _bifRasterIcon = require("./bif-raster-icon");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * RiverpodIcon - Data-driven icon
- *
- * Water-drop mark for the Flutter Riverpod inspector (paired color with Jotai).
- *
- * Defined as pure data in shared/icons/riverpod.json (Buoy Icon Format), so this
- * is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+var _riverpodRasterG = _interopRequireDefault(require("./generated/riverpod-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
 
-const RiverpodIcon = exports.RiverpodIcon = (0, _iconRenderer.createIcon)(_iconDataG.riverpodIconData);
+const RiverpodIcon = exports.RiverpodIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.riverpodIconData, _riverpodRasterG.default, 9);

package/lib/commonjs/icons/riverpod-icon.native.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RIVERPOD_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.RIVERPOD_ICON_COLOR;
+  }
+});
+exports.RiverpodIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Generated by scripts/sync-raster-icons.cjs.
+
+const RiverpodIcon = exports.RiverpodIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.riverpodIconData, require('./assets/riverpod.png'), 9);

package/lib/commonjs/icons/routes-icon.js

@@ -3,47 +3,33 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CurveTestP = exports.CurveTestO = exports.CurveTestN = exports.CurveTestM = exports.CurveTestL = exports.CurveTestK = exports.CurveTestJ = exports.CurveTestI = exports.CurveTestH = exports.CurveTestG = exports.CurveTestF = exports.CurveTestE = exports.CurveTestD = exports.CurveTestC = exports.CurveTestB = exports.CurveTestA = void 0;
+var _exportNames = {
+  RoutesIcon: true,
+  ROUTES_ICON_COLOR: true
+};
 Object.defineProperty(exports, "ROUTES_ICON_COLOR", {
   enumerable: true,
   get: function () {
     return _iconDataG.ROUTES_ICON_COLOR;
   }
 });
-exports.RoutesIcon = exports.RouteTwoPinsIcon = exports.RoutePinIcon = exports.RoutePathIcon = exports.RouteDotIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+exports.RoutesIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * RoutesIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/routes.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
-
-const RoutesIcon = exports.RoutesIcon = (0, _iconRenderer.createIcon)(_iconDataG.routesIconData);
-
-// Route Icon Parts (for testing/iteration)
-const RoutePinIcon = exports.RoutePinIcon = (0, _iconRenderer.createIcon)(_iconDataG.routePinIconData);
-const RoutePathIcon = exports.RoutePathIcon = (0, _iconRenderer.createIcon)(_iconDataG.routePathIconData);
-const RouteDotIcon = exports.RouteDotIcon = (0, _iconRenderer.createIcon)(_iconDataG.routeDotIconData);
-const RouteTwoPinsIcon = exports.RouteTwoPinsIcon = (0, _iconRenderer.createIcon)(_iconDataG.routeTwoPinsIconData);
+var _routesRasterG = _interopRequireDefault(require("./generated/routes-raster.g.js"));
+var _routesParts = require("./routes-parts.js");
+Object.keys(_routesParts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _routesParts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _routesParts[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
 
-// Curve Test Variations (for finding the right S-curve approach)
-const CurveTestA = exports.CurveTestA = (0, _iconRenderer.createIcon)(_iconDataG.curveTestAData);
-const CurveTestB = exports.CurveTestB = (0, _iconRenderer.createIcon)(_iconDataG.curveTestBData);
-const CurveTestC = exports.CurveTestC = (0, _iconRenderer.createIcon)(_iconDataG.curveTestCData);
-const CurveTestD = exports.CurveTestD = (0, _iconRenderer.createIcon)(_iconDataG.curveTestDData);
-const CurveTestE = exports.CurveTestE = (0, _iconRenderer.createIcon)(_iconDataG.curveTestEData);
-const CurveTestF = exports.CurveTestF = (0, _iconRenderer.createIcon)(_iconDataG.curveTestFData);
-const CurveTestG = exports.CurveTestG = (0, _iconRenderer.createIcon)(_iconDataG.curveTestGData);
-const CurveTestH = exports.CurveTestH = (0, _iconRenderer.createIcon)(_iconDataG.curveTestHData);
-const CurveTestI = exports.CurveTestI = (0, _iconRenderer.createIcon)(_iconDataG.curveTestIData);
-const CurveTestJ = exports.CurveTestJ = (0, _iconRenderer.createIcon)(_iconDataG.curveTestJData);
-const CurveTestK = exports.CurveTestK = (0, _iconRenderer.createIcon)(_iconDataG.curveTestKData);
-const CurveTestL = exports.CurveTestL = (0, _iconRenderer.createIcon)(_iconDataG.curveTestLData);
-const CurveTestM = exports.CurveTestM = (0, _iconRenderer.createIcon)(_iconDataG.curveTestMData);
-const CurveTestN = exports.CurveTestN = (0, _iconRenderer.createIcon)(_iconDataG.curveTestNData);
-const CurveTestO = exports.CurveTestO = (0, _iconRenderer.createIcon)(_iconDataG.curveTestOData);
-const CurveTestP = exports.CurveTestP = (0, _iconRenderer.createIcon)(_iconDataG.curveTestPData);
+const RoutesIcon = exports.RoutesIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.routesIconData, _routesRasterG.default, 3);

package/lib/commonjs/icons/routes-icon.native.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  RoutesIcon: true,
+  ROUTES_ICON_COLOR: true
+};
+Object.defineProperty(exports, "ROUTES_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.ROUTES_ICON_COLOR;
+  }
+});
+exports.RoutesIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+var _routesParts = require("./routes-parts.js");
+Object.keys(_routesParts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _routesParts[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _routesParts[key];
+    }
+  });
+});
+// Generated by scripts/sync-raster-icons.cjs.
+
+const RoutesIcon = exports.RoutesIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.routesIconData, require('./assets/routes.png'), 3);

package/lib/commonjs/icons/routes-parts.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CurveTestP = exports.CurveTestO = exports.CurveTestN = exports.CurveTestM = exports.CurveTestL = exports.CurveTestK = exports.CurveTestJ = exports.CurveTestI = exports.CurveTestH = exports.CurveTestG = exports.CurveTestF = exports.CurveTestE = exports.CurveTestD = exports.CurveTestC = exports.CurveTestB = exports.CurveTestA = void 0;
+Object.defineProperty(exports, "ROUTES_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.ROUTES_ICON_COLOR;
+  }
+});
+exports.RouteTwoPinsIcon = exports.RoutePinIcon = exports.RoutePathIcon = exports.RouteDotIcon = void 0;
+var _iconRenderer = require("./icon-renderer.js");
+var _iconDataG = require("./generated/icon-data.g.js");
+/**
+ * RoutesIcon - Data-driven icon
+ *
+ * Defined as pure data in shared/icons/routes.json (Buoy Icon Format).
+ * The renderer transforms it to components.
+ *
+ * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
+ */
+
+// Route Icon Parts (for testing/iteration)
+const RoutePinIcon = exports.RoutePinIcon = (0, _iconRenderer.createIcon)(_iconDataG.routePinIconData);
+const RoutePathIcon = exports.RoutePathIcon = (0, _iconRenderer.createIcon)(_iconDataG.routePathIconData);
+const RouteDotIcon = exports.RouteDotIcon = (0, _iconRenderer.createIcon)(_iconDataG.routeDotIconData);
+const RouteTwoPinsIcon = exports.RouteTwoPinsIcon = (0, _iconRenderer.createIcon)(_iconDataG.routeTwoPinsIconData);
+
+// Curve Test Variations (for finding the right S-curve approach)
+const CurveTestA = exports.CurveTestA = (0, _iconRenderer.createIcon)(_iconDataG.curveTestAData);
+const CurveTestB = exports.CurveTestB = (0, _iconRenderer.createIcon)(_iconDataG.curveTestBData);
+const CurveTestC = exports.CurveTestC = (0, _iconRenderer.createIcon)(_iconDataG.curveTestCData);
+const CurveTestD = exports.CurveTestD = (0, _iconRenderer.createIcon)(_iconDataG.curveTestDData);
+const CurveTestE = exports.CurveTestE = (0, _iconRenderer.createIcon)(_iconDataG.curveTestEData);
+const CurveTestF = exports.CurveTestF = (0, _iconRenderer.createIcon)(_iconDataG.curveTestFData);
+const CurveTestG = exports.CurveTestG = (0, _iconRenderer.createIcon)(_iconDataG.curveTestGData);
+const CurveTestH = exports.CurveTestH = (0, _iconRenderer.createIcon)(_iconDataG.curveTestHData);
+const CurveTestI = exports.CurveTestI = (0, _iconRenderer.createIcon)(_iconDataG.curveTestIData);
+const CurveTestJ = exports.CurveTestJ = (0, _iconRenderer.createIcon)(_iconDataG.curveTestJData);
+const CurveTestK = exports.CurveTestK = (0, _iconRenderer.createIcon)(_iconDataG.curveTestKData);
+const CurveTestL = exports.CurveTestL = (0, _iconRenderer.createIcon)(_iconDataG.curveTestLData);
+const CurveTestM = exports.CurveTestM = (0, _iconRenderer.createIcon)(_iconDataG.curveTestMData);
+const CurveTestN = exports.CurveTestN = (0, _iconRenderer.createIcon)(_iconDataG.curveTestNData);
+const CurveTestO = exports.CurveTestO = (0, _iconRenderer.createIcon)(_iconDataG.curveTestOData);
+const CurveTestP = exports.CurveTestP = (0, _iconRenderer.createIcon)(_iconDataG.curveTestPData);

package/lib/commonjs/icons/scenarios-icon.js

@@ -10,17 +10,8 @@ Object.defineProperty(exports, "SCENARIOS_ICON_COLOR", {
   }
 });
 exports.ScenariosIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _rasterIcon = require("./raster-icon.js");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * ScenariosIcon - Data-driven icon
- *
- * A runsheet — a clipboard of checked-off steps, which is what a scenario is.
- *
- * Defined as pure data in shared/icons/scenarios.json (Buoy Icon Format),
- * so this is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+// Approved Scenarios + Otto artwork; Metro uses the native Image twin.
 
-const ScenariosIcon = exports.ScenariosIcon = (0, _iconRenderer.createIcon)(_iconDataG.scenariosIconData);
+const ScenariosIcon = exports.ScenariosIcon = (0, _rasterIcon.createRasterIcon)('scenarios');

package/lib/commonjs/icons/scenarios-icon.native.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SCENARIOS_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.SCENARIOS_ICON_COLOR;
+  }
+});
+exports.ScenariosIcon = ScenariosIcon;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Transparent Scenarios artwork with 48/96/144px density assets.
+const source = require('./assets/scenarios.png');
+function ScenariosIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+}

package/lib/commonjs/icons/sentry-icon.js

@@ -10,15 +10,8 @@ Object.defineProperty(exports, "SENTRY_ICON_COLOR", {
   }
 });
 exports.SentryIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _rasterIcon = require("./raster-icon.js");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * SentryIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/sentry.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+// Shared raster artwork; Metro uses the native Image twin.
 
-const SentryIcon = exports.SentryIcon = (0, _iconRenderer.createIcon)(_iconDataG.sentryIconData);
+const SentryIcon = exports.SentryIcon = (0, _rasterIcon.createRasterIcon)('sentry');

package/lib/commonjs/icons/sentry-icon.native.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SENTRY_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.SENTRY_ICON_COLOR;
+  }
+});
+exports.SentryIcon = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Exported by scripts/export-sentry-icon.cjs at 1x/2x/3x for the 32-point
+// dial slot. This monochrome logo also supports the existing color override.
+const source = require('./assets/sentry.png');
+const SentryIcon = exports.SentryIcon = /*#__PURE__*/(0, _react.memo)(function SentryIcon({
+  size = 24,
+  color = '#9945FF',
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size,
+      tintColor: color
+    }, style]
+  });
+});

package/lib/commonjs/icons/settings-icon.js

@@ -4,20 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SettingsSolidIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _bifRasterIcon = require("./bif-raster-icon");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * SettingsSolidIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/settings.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * Brand tier, not the glyph tier, on purpose: the solid gear's ring is a
- * circle BORDER, and the glyph tier lets a caller's `strokeWidth` REPLACE
- * every authored border width — which would blow the hole open. Callers tint
- * it with `color` like any other icon; `strokeWidth` is ignored.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+var _settingsRasterG = _interopRequireDefault(require("./generated/settings-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
 
-const SettingsSolidIcon = exports.SettingsSolidIcon = (0, _iconRenderer.createIcon)(_iconDataG.settingsIconData);
+const SettingsSolidIcon = exports.SettingsSolidIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.settingsIconData, _settingsRasterG.default, 3);

package/lib/commonjs/icons/settings-icon.native.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SettingsSolidIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Generated by scripts/sync-raster-icons.cjs.
+
+const SettingsSolidIcon = exports.SettingsSolidIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.settingsIconData, require('./assets/settings.png'), 3);

package/lib/commonjs/icons/storage-icon.js

@@ -10,15 +10,10 @@ Object.defineProperty(exports, "STORAGE_ICON_COLOR", {
   }
 });
 exports.StorageIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _bifRasterIcon = require("./bif-raster-icon");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * StorageIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/storage.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+var _storageRasterG = _interopRequireDefault(require("./generated/storage-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
 
-const StorageIcon = exports.StorageIcon = (0, _iconRenderer.createIcon)(_iconDataG.storageIconData);
+const StorageIcon = exports.StorageIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.storageIconData, _storageRasterG.default, 3);

package/lib/commonjs/icons/storage-icon.native.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "STORAGE_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.STORAGE_ICON_COLOR;
+  }
+});
+exports.StorageIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Generated by scripts/sync-raster-icons.cjs.
+
+const StorageIcon = exports.StorageIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.storageIconData, require('./assets/storage.png'), 3);

package/lib/commonjs/icons/time-machine-icon.js

@@ -10,17 +10,8 @@ Object.defineProperty(exports, "TIME_MACHINE_ICON_COLOR", {
   }
 });
 exports.TimeMachineIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _rasterIcon = require("./raster-icon.js");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * TimeMachineIcon - Data-driven icon
- *
- * Police box (a very specific time machine) — snapshot & restore app state.
- *
- * Defined as pure data in shared/icons/time-machine.json (Buoy Icon Format),
- * so this is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+// Approved TimeMachine + Otto artwork; Metro uses the native Image twin.
 
-const TimeMachineIcon = exports.TimeMachineIcon = (0, _iconRenderer.createIcon)(_iconDataG.timeMachineIconData);
+const TimeMachineIcon = exports.TimeMachineIcon = (0, _rasterIcon.createRasterIcon)('time-machine');

package/lib/commonjs/icons/time-machine-icon.native.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TIME_MACHINE_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.TIME_MACHINE_ICON_COLOR;
+  }
+});
+exports.TimeMachineIcon = TimeMachineIcon;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Transparent TimeMachine artwork with 48/96/144px density assets.
+const source = require('./assets/time-machine.png');
+function TimeMachineIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+}

package/lib/commonjs/icons/wifi-icon.js

@@ -10,15 +10,10 @@ Object.defineProperty(exports, "WIFI_ICON_COLOR", {
   }
 });
 exports.WifiIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _bifRasterIcon = require("./bif-raster-icon");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * WifiIcon - Data-driven icon
- *
- * Defined as pure data in shared/icons/wifi.json (Buoy Icon Format).
- * The renderer transforms it to components.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+var _wifiRasterG = _interopRequireDefault(require("./generated/wifi-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
 
-const WifiIcon = exports.WifiIcon = (0, _iconRenderer.createIcon)(_iconDataG.wifiIconData);
+const WifiIcon = exports.WifiIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.wifiIconData, _wifiRasterG.default, 3);

package/lib/commonjs/icons/wifi-icon.native.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "WIFI_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.WIFI_ICON_COLOR;
+  }
+});
+exports.WifiIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Generated by scripts/sync-raster-icons.cjs.
+
+const WifiIcon = exports.WifiIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.wifiIconData, require('./assets/wifi.png'), 3);

package/lib/commonjs/icons/zustand-icon.js

@@ -10,17 +10,8 @@ Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
   }
 });
 exports.ZustandIcon = void 0;
-var _iconRenderer = require("./icon-renderer.js");
+var _rasterIcon = require("./raster-icon.js");
 var _iconDataG = require("./generated/icon-data.g.js");
-/**
- * ZustandIcon - Data-driven icon
- *
- * The Zustand bear.
- *
- * Defined as pure data in shared/icons/zustand.json (Buoy Icon Format), so this
- * is the same artwork the Flutter build renders.
- *
- * To change: edit that JSON, then run `node scripts/gen-icons.mjs`.
- */
+// Shared raster artwork; Metro uses the native Image twin.
 
-const ZustandIcon = exports.ZustandIcon = (0, _iconRenderer.createIcon)(_iconDataG.zustandIconData);
+const ZustandIcon = exports.ZustandIcon = (0, _rasterIcon.createRasterIcon)('zustand');

package/lib/commonjs/icons/zustand-icon.native.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ZUSTAND_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.ZUSTAND_ICON_COLOR;
+  }
+});
+exports.ZustandIcon = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Rasterized from shared/icon-sources/zustand.svg. Metro selects 1x/2x/3x
+// assets for the 32-point dial slot. Keep the authored brand colors.
+const source = require('./assets/zustand.png');
+const ZustandIcon = exports.ZustandIcon = /*#__PURE__*/(0, _react.memo)(function ZustandIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+});

package/lib/commonjs/index.js

@@ -1049,7 +1049,7 @@ Object.defineProperty(exports, "withAlpha", {
   }
 });
 var _FloatingToolsStore = require("./FloatingToolsStore.js");
-var _fonts = require("./fonts.js");
+var _fonts = require("./fonts");
 var _glyphIconsG = require("./icons/generated/glyph-icons.g.js");
 Object.keys(_glyphIconsG).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -1070,30 +1070,30 @@ var _colors = require("./colors.js");
 var _dial = require("./dial.js");
 var _dialUsage = require("./dialUsage.js");
 var _settings = require("./settings.js");
-var _networkIcon = require("./icons/network-icon.js");
-var _envIcon = require("./icons/env-icon.js");
-var _storageIcon = require("./icons/storage-icon.js");
-var _routesIcon = require("./icons/routes-icon.js");
-var _queryIcon = require("./icons/query-icon.js");
-var _rendersIcon = require("./icons/renders-icon.js");
-var _benchmarkIcon = require("./icons/benchmark-icon.js");
-var _sentryIcon = require("./icons/sentry-icon.js");
-var _settingsIcon = require("./icons/settings-icon.js");
-var _wifiIcon = require("./icons/wifi-icon.js");
-var _highlightIcon = require("./icons/highlight-icon.js");
-var _reduxIcon = require("./icons/redux-icon.js");
-var _eventsIcon = require("./icons/events-icon.js");
-var _consoleIcon = require("./icons/console-icon.js");
-var _timeMachineIcon = require("./icons/time-machine-icon.js");
-var _scenariosIcon = require("./icons/scenarios-icon.js");
-var _askBuoyIcon = require("./icons/ask-buoy-icon.js");
-var _imagesIcon = require("./icons/images-icon.js");
-var _cameraIcon = require("./icons/camera-icon.js");
-var _assetsIcon = require("./icons/assets-icon.js");
-var _impersonateIcon = require("./icons/impersonate-icon.js");
-var _imageOverlayIcon = require("./icons/image-overlay-icon.js");
-var _zustandIcon = require("./icons/zustand-icon.js");
-var _jotaiIcon = require("./icons/jotai-icon.js");
-var _riverpodIcon = require("./icons/riverpod-icon.js");
+var _networkIcon = require("./icons/network-icon");
+var _envIcon = require("./icons/env-icon");
+var _storageIcon = require("./icons/storage-icon");
+var _routesIcon = require("./icons/routes-icon");
+var _queryIcon = require("./icons/query-icon");
+var _rendersIcon = require("./icons/renders-icon");
+var _benchmarkIcon = require("./icons/benchmark-icon");
+var _sentryIcon = require("./icons/sentry-icon");
+var _settingsIcon = require("./icons/settings-icon");
+var _wifiIcon = require("./icons/wifi-icon");
+var _highlightIcon = require("./icons/highlight-icon");
+var _reduxIcon = require("./icons/redux-icon");
+var _eventsIcon = require("./icons/events-icon");
+var _consoleIcon = require("./icons/console-icon");
+var _timeMachineIcon = require("./icons/time-machine-icon");
+var _scenariosIcon = require("./icons/scenarios-icon");
+var _askBuoyIcon = require("./icons/ask-buoy-icon");
+var _imagesIcon = require("./icons/images-icon");
+var _cameraIcon = require("./icons/camera-icon");
+var _assetsIcon = require("./icons/assets-icon");
+var _impersonateIcon = require("./icons/impersonate-icon");
+var _imageOverlayIcon = require("./icons/image-overlay-icon");
+var _zustandIcon = require("./icons/zustand-icon");
+var _jotaiIcon = require("./icons/jotai-icon");
+var _riverpodIcon = require("./icons/riverpod-icon");
 var _iconFactories = require("./icons/icon-factories.js");
 var _iconRenderer = require("./icons/icon-renderer.js");