@buoy-gg/floating-tools-core 7.0.38 → 7.0.40

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

@@ -1 +1,307 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createIcon=createIcon,exports.renderIconData=renderIconData;var _react=require("react"),_iconPrimitives=require("./icon-primitives"),_jsxRuntime=require("react/jsx-runtime");function hexToRgba(o,r){const e=o.replace("#","");let i,t,n;if(3===e.length)i=parseInt(e[0]+e[0],16),t=parseInt(e[1]+e[1],16),n=parseInt(e[2]+e[2],16);else{if(!(e.length>=6))return o;i=parseInt(e.substring(0,2),16),t=parseInt(e.substring(2,4),16),n=parseInt(e.substring(4,6),16)}return`rgba(${i}, ${t}, ${n}, ${r})`}function resolveColor(o,r,e){if(!o)return;const i=o.lastIndexOf(":");let t,n=o,c=1;if(i>0){const r=o.substring(i+1),e=parseInt(r,10);!isNaN(e)&&e>=0&&e<=100&&(n=o.substring(0,i),c=e/100)}return t="color"===n?r:"bg"===n?e:n,c<1&&t.startsWith("#")?hexToRgba(t,c):t}function renderIconData(o,r,e,i,t,n){const c=r/24,l=o=>(t??o)*c,s=r/2,a=e??o.color,d=i??o.bgColor,u=o.elements;return(0,_jsxRuntime.jsx)(_iconPrimitives.IconContainer,{size:r,style:n,children:u.map((o,r)=>{if("circle"===o.type)return(0,_jsxRuntime.jsx)(_iconPrimitives.IconCircle,{cx:s+o.cx*c,cy:s+o.cy*c,r:o.r*c,fill:resolveColor(o.fill,a,d),borderColor:o.border?resolveColor(o.borderColor,a,d)??a:void 0,borderWidth:o.border?l(o.borderWidth??2):0,opacity:o.opacity,scaleX:o.scaleX,scaleY:o.scaleY,glowColor:o.glow?a:void 0,glowRadius:o.glow?(o.glowRadius??4)*c:0,rotation:o.rotation},r);if("rect"===o.type){const e=void 0!==o.rotation?o.rotateFromCenter?.5:0:.5;return(0,_jsxRuntime.jsx)(_iconPrimitives.IconRect,{x:s+o.x*c,y:s+o.y*c,width:o.width*c,height:o.height*c,fill:resolveColor(o.fill,a,d),borderColor:o.border?resolveColor(o.borderColor,a,d)??a:void 0,borderWidth:o.border?l(o.borderWidth??1):0,borderRadius:(o.borderRadius??0)*c,opacity:o.opacity,glowColor:o.glow?a:void 0,glowRadius:o.glow?(o.glowRadius??4)*c:0,rotation:o.rotation,originX:e,originY:.5},r)}return"line"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconLine,{x1:s+o.x1*c,y1:s+o.y1*c,x2:s+o.x2*c,y2:s+o.y2*c,stroke:resolveColor(o.stroke??"color",a,d),strokeWidth:l(o.strokeWidth??1),opacity:o.opacity,glowColor:o.glow?a:void 0,glowRadius:o.glow?(o.glowRadius??4)*c:0,rotation:o.rotation,curveX:void 0!==o.curveX?o.curveX*c:void 0,curveY:void 0!==o.curveY?o.curveY*c:void 0,curve2X:void 0!==o.curve2X?o.curve2X*c:void 0,curve2Y:void 0!==o.curve2Y?o.curve2Y*c:void 0},r):"triangle"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconTriangle,{x:s+o.x*c,y:s+o.y*c,size:o.size*c,direction:o.direction,fill:resolveColor(o.fill??"color",a,d),opacity:o.opacity,rotation:o.rotation},r):"arc"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconArc,{cx:s+o.cx*c,cy:s+o.cy*c,r:o.r*c,startAngle:o.startAngle,endAngle:o.endAngle,stroke:resolveColor(o.stroke??"color",a,d),strokeWidth:l(o.strokeWidth??1.5),opacity:o.opacity,segments:o.segments},r):"semicircle"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconSemicircle,{cx:s+o.cx*c,cy:s+o.cy*c,r:o.r*c,half:o.half,fill:resolveColor(o.fill,a,d),borderColor:o.border?resolveColor(o.borderColor,a,d)??a:void 0,borderWidth:o.border?l(o.borderWidth??2):0,opacity:o.opacity,glowColor:o.glow?a:void 0,glowRadius:o.glow?(o.glowRadius??4)*c:0},r):"text"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconText,{x:s+o.x*c,y:s+o.y*c,text:o.text,fontSize:(o.size??2)*c,fontWeight:o.weight,align:o.align,letterSpacing:void 0!==o.letterSpacing?o.letterSpacing*c:void 0,fill:resolveColor(o.fill??"color",a,d),opacity:o.opacity,rotation:o.rotation},r):"smootharc"===o.type?(0,_jsxRuntime.jsx)(_iconPrimitives.IconSmoothArc,{cx:s+o.cx*c,cy:s+o.cy*c,r:o.r*c,stroke:resolveColor(o.stroke??"color",a,d),strokeWidth:l(o.strokeWidth??2),opacity:o.opacity,portion:o.portion??"bottom"},r):null})})}function createIcon(o,r){const e=({size:e=24,color:i,bgColor:t,strokeWidth:n,style:c})=>(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:renderIconData(o,e,i,t,r?.glyph?n:void 0,c)});return e.displayName="Icon",(0,_react.memo)(e)}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createIcon = createIcon;
+exports.renderIconData = renderIconData;
+var _react = require("react");
+var _iconPrimitives = require("./icon-primitives");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Icon Renderer - Transforms icon data to components
+ *
+ * ONE renderer for ALL icons. Icons are just data.
+ */
+
+// ===========================================
+// Icon Data Types
+// ===========================================
+
+/**
+ * Line element - draws a line between two points
+ * Much cleaner than using rotated rectangles!
+ * Supports optional curve via cubic Bezier with 2 control points.
+ */
+
+/**
+ * Triangle element - creates arrows/chevrons using CSS border trick
+ * Works in pure React Native!
+ */
+
+/**
+ * Arc element - creates curved segments (WiFi bars, circular progress)
+ * Rendered as multiple line segments approximating a curve.
+ */
+
+/**
+ * Semicircle element - creates a half circle (filled)
+ * Perfect for pokeball-style split designs!
+ */
+
+/**
+ * SmoothArc element - creates a smooth arc using the border trick
+ * Uses bordered circles with partial borders hidden - gives perfect anti-aliased curves!
+ * This is the "clever trick" for WiFi-style arcs.
+ */
+
+/**
+ * Text element - a short label (sign lettering, badges).
+ * Currently TS targets only: icons containing text are excluded from the
+ * Flutter/NativeScript generators until those renderers support it.
+ */
+
+// ===========================================
+// Color Utilities
+// ===========================================
+
+/**
+ * Converts hex color to rgba with opacity
+ * Supports 3-char (#RGB), 6-char (#RRGGBB), and 8-char (#RRGGBBAA) hex
+ */
+function hexToRgba(hex, opacity) {
+  // Remove # if present
+  const h = hex.replace('#', '');
+
+  // Parse based on length
+  let r, g, b;
+  if (h.length === 3) {
+    r = parseInt(h[0] + h[0], 16);
+    g = parseInt(h[1] + h[1], 16);
+    b = parseInt(h[2] + h[2], 16);
+  } else if (h.length >= 6) {
+    r = parseInt(h.substring(0, 2), 16);
+    g = parseInt(h.substring(2, 4), 16);
+    b = parseInt(h.substring(4, 6), 16);
+  } else {
+    return hex; // Invalid format, return as-is
+  }
+  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+
+/**
+ * Resolves ColorRef syntax to actual color value
+ *
+ * Supports:
+ * - 'color' → theme color
+ * - 'bg' → background color
+ * - 'color:50' → theme color at 50% opacity
+ * - 'bg:30' → background color at 30% opacity
+ * - '#FF0000' → raw hex color
+ * - '#FF0000:50' → raw hex at 50% opacity
+ */
+function resolveColor(fill, color, bgColor) {
+  if (!fill) return undefined;
+
+  // Check for opacity suffix (e.g., 'color:50' or '#FF0000:80')
+  const colonIndex = fill.lastIndexOf(':');
+  let baseFill = fill;
+  let opacity = 1;
+
+  // Only treat as opacity if the part after colon is a valid number
+  if (colonIndex > 0) {
+    const opacityStr = fill.substring(colonIndex + 1);
+    const parsedOpacity = parseInt(opacityStr, 10);
+    if (!isNaN(parsedOpacity) && parsedOpacity >= 0 && parsedOpacity <= 100) {
+      baseFill = fill.substring(0, colonIndex);
+      opacity = parsedOpacity / 100;
+    }
+  }
+
+  // Resolve the base color
+  let resolvedColor;
+  if (baseFill === 'color') {
+    resolvedColor = color;
+  } else if (baseFill === 'bg') {
+    resolvedColor = bgColor;
+  } else {
+    resolvedColor = baseFill;
+  }
+
+  // Apply opacity if needed
+  if (opacity < 1 && resolvedColor.startsWith('#')) {
+    return hexToRgba(resolvedColor, opacity);
+  }
+  return resolvedColor;
+}
+
+// ===========================================
+// Icon Renderer
+// ===========================================
+
+function renderIconData(data, size, colorOverride, bgColorOverride,
+/**
+ * REPLACES every authored stroke and border width (it does not scale them) —
+ * lucide's `strokeWidth` prop, for the uniform-weight GLYPH tier whose weight
+ * is caller-controlled. Applying it to a brand icon whose elements
+ * deliberately vary in weight would flatten it, so only the glyph components
+ * pass it. The Flutter twin is `BuoyIconPainter.strokeWidthOverride`.
+ */
+strokeWidthOverride, /** Merged over the icon's box — the lucide components' `style` passthrough. */
+style) {
+  const scale = size / 24;
+  /** An authored width in icon units → pixels, honouring the override. */
+  const sw = authored => (strokeWidthOverride ?? authored) * scale;
+  const center = size / 2;
+  // Use colorOverride if provided, otherwise use the icon's default color
+  const color = colorOverride ?? data.color;
+  // Use bgColorOverride if provided, otherwise use the icon's default bgColor
+  const bgColor = bgColorOverride ?? data.bgColor;
+  const elements = data.elements;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconContainer, {
+    size: size,
+    style: style,
+    children: elements.map((el, i) => {
+      if (el.type === 'circle') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconCircle, {
+          cx: center + el.cx * scale,
+          cy: center + el.cy * scale,
+          r: el.r * scale,
+          fill: resolveColor(el.fill, color, bgColor),
+          borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
+          borderWidth: el.border ? sw(el.borderWidth ?? 2) : 0,
+          opacity: el.opacity,
+          scaleX: el.scaleX,
+          scaleY: el.scaleY,
+          glowColor: el.glow ? color : undefined,
+          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
+          rotation: el.rotation
+        }, i);
+      }
+      if (el.type === 'rect') {
+        // Determine rotation origin:
+        // - rotateFromCenter: true = rotate from center (0.5, 0.5) - for symmetric elements
+        // - rotateFromCenter: false/undefined = rotate from left edge (0, 0.5) - for lines starting from a point
+        const originX = el.rotation !== undefined ? el.rotateFromCenter ? 0.5 : 0 : 0.5;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconRect, {
+          x: center + el.x * scale,
+          y: center + el.y * scale,
+          width: el.width * scale,
+          height: el.height * scale,
+          fill: resolveColor(el.fill, color, bgColor),
+          borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
+          borderWidth: el.border ? sw(el.borderWidth ?? 1) : 0,
+          borderRadius: (el.borderRadius ?? 0) * scale,
+          opacity: el.opacity,
+          glowColor: el.glow ? color : undefined,
+          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
+          rotation: el.rotation,
+          originX: originX,
+          originY: 0.5
+        }, i);
+      }
+      if (el.type === 'line') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconLine, {
+          x1: center + el.x1 * scale,
+          y1: center + el.y1 * scale,
+          x2: center + el.x2 * scale,
+          y2: center + el.y2 * scale,
+          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
+          strokeWidth: sw(el.strokeWidth ?? 1),
+          opacity: el.opacity,
+          glowColor: el.glow ? color : undefined,
+          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
+          rotation: el.rotation,
+          curveX: el.curveX !== undefined ? el.curveX * scale : undefined,
+          curveY: el.curveY !== undefined ? el.curveY * scale : undefined,
+          curve2X: el.curve2X !== undefined ? el.curve2X * scale : undefined,
+          curve2Y: el.curve2Y !== undefined ? el.curve2Y * scale : undefined
+        }, i);
+      }
+      if (el.type === 'triangle') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconTriangle, {
+          x: center + el.x * scale,
+          y: center + el.y * scale,
+          size: el.size * scale,
+          direction: el.direction,
+          fill: resolveColor(el.fill ?? 'color', color, bgColor),
+          opacity: el.opacity,
+          rotation: el.rotation
+        }, i);
+      }
+      if (el.type === 'arc') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconArc, {
+          cx: center + el.cx * scale,
+          cy: center + el.cy * scale,
+          r: el.r * scale,
+          startAngle: el.startAngle,
+          endAngle: el.endAngle,
+          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
+          strokeWidth: sw(el.strokeWidth ?? 1.5),
+          opacity: el.opacity,
+          segments: el.segments
+        }, i);
+      }
+      if (el.type === 'semicircle') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconSemicircle, {
+          cx: center + el.cx * scale,
+          cy: center + el.cy * scale,
+          r: el.r * scale,
+          half: el.half,
+          fill: resolveColor(el.fill, color, bgColor),
+          borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
+          borderWidth: el.border ? sw(el.borderWidth ?? 2) : 0,
+          opacity: el.opacity,
+          glowColor: el.glow ? color : undefined,
+          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0
+        }, i);
+      }
+      if (el.type === 'text') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconText, {
+          x: center + el.x * scale,
+          y: center + el.y * scale,
+          text: el.text,
+          fontSize: (el.size ?? 2) * scale,
+          fontWeight: el.weight,
+          align: el.align,
+          letterSpacing: el.letterSpacing !== undefined ? el.letterSpacing * scale : undefined,
+          fill: resolveColor(el.fill ?? 'color', color, bgColor),
+          opacity: el.opacity,
+          rotation: el.rotation
+        }, i);
+      }
+      if (el.type === 'smootharc') {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconSmoothArc, {
+          cx: center + el.cx * scale,
+          cy: center + el.cy * scale,
+          r: el.r * scale,
+          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
+          strokeWidth: sw(el.strokeWidth ?? 2),
+          opacity: el.opacity,
+          portion: el.portion ?? 'bottom'
+        }, i);
+      }
+      return null;
+    })
+  });
+}
+
+// ===========================================
+// Icon Factory
+// ===========================================
+
+/**
+ * A Buoy icon component. Deliberately NOT `FC`: React's `FunctionComponent`
+ * type admits an async component (`Promise<ReactNode>`), so an `FC` is not
+ * assignable to the plain `(props) => ReactNode` slots callers declare for an
+ * icon — which is what the hand-drawn lucide components used to satisfy.
+ */
+
+function createIcon(data, opts) {
+  // Memoised because every prop is a primitive and the body is expensive: an
+  // icon rebuilds one element per shape in its data (dozens, for the detailed
+  // ones) on every render. Without this, any parent re-render — a settings
+  // toggle, a modal state change — re-does that work for every icon on screen
+  // even though nothing about the icon changed.
+  const Icon = ({
+    size = 24,
+    color,
+    bgColor,
+    strokeWidth,
+    style
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: renderIconData(data, size, color, bgColor, opts?.glyph ? strokeWidth : undefined, style)
+  });
+  Icon.displayName = 'Icon';
+  return /*#__PURE__*/(0, _react.memo)(Icon);
+}

package/lib/commonjs/icons/iconGlow.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_GLOW=void 0;const ICON_GLOW=exports.ICON_GLOW={filledShadowOpacity:.9,filledRadiusScale:.8,ringLayerOpacity:.5,ringShadowOpacity:.9,ringShadowRadius:8,lineLayerOpacity:.5,lineShadowOpacity:.9,lineShadowRadius:8,rectLayerOpacity:.4,rectShadowOpacity:.8,rectBorderScale:2,rectShadowRadiusScale:4};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ICON_GLOW = void 0;
+/**
+ * Icon glow — the numbers behind every `glow: true` element, in ONE table so the ports read
+ * them instead of re-typing them (`pnpm parity styles` → Swift/Dart constants).
+ *
+ * RN renders a glow as a CALayer shadow. A filled element casts its own shadow; a border-only
+ * ring or a line gets a separate "glow layer" View drawn underneath (RN shadows need a
+ * background colour), with its own opacity and a FIXED shadow radius in points.
+ */
+const ICON_GLOW = exports.ICON_GLOW = {
+  /** Filled circle / rect: `shadowOpacity` and `shadowRadius = glowRadius × this`. */
+  filledShadowOpacity: 0.9,
+  filledRadiusScale: 0.8,
+  /** Border-only circle: black-filled twin ring under the real one. */
+  ringLayerOpacity: 0.5,
+  ringShadowOpacity: 0.9,
+  ringShadowRadius: 8,
+  /** Line: same line in the glow colour under the real one. */
+  lineLayerOpacity: 0.5,
+  lineShadowOpacity: 0.9,
+  lineShadowRadius: 8,
+  /** Border-only rect: twin expanded by the stroke width, border `strokeW × borderScale`. */
+  rectLayerOpacity: 0.4,
+  rectShadowOpacity: 0.8,
+  rectBorderScale: 2,
+  rectShadowRadiusScale: 4
+};

package/lib/commonjs/icons/image-overlay-icon.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IMAGE_OVERLAY_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.IMAGE_OVERLAY_ICON_COLOR}}),exports.ImageOverlayIcon=void 0;var _bifRasterIcon=require("./bif-raster-icon"),_iconDataG=require("./generated/icon-data.g.js"),_imageOverlayRasterG=_interopRequireDefault(require("./generated/image-overlay-raster.g.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ImageOverlayIcon=exports.ImageOverlayIcon=(0,_bifRasterIcon.createBifRasterIcon)(_iconDataG.imageOverlayIconData,_imageOverlayRasterG.default,3);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMAGE_OVERLAY_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.IMAGE_OVERLAY_ICON_COLOR;
+  }
+});
+exports.ImageOverlayIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+var _imageOverlayRasterG = _interopRequireDefault(require("./generated/image-overlay-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
+
+const ImageOverlayIcon = exports.ImageOverlayIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.imageOverlayIconData, _imageOverlayRasterG.default, 3);

package/lib/commonjs/icons/image-overlay-icon.native.js

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

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

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IMAGES_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.IMAGES_ICON_COLOR}}),exports.ImagesIcon=void 0;var _bifRasterIcon=require("./bif-raster-icon"),_iconDataG=require("./generated/icon-data.g.js"),_imagesRasterG=_interopRequireDefault(require("./generated/images-raster.g.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const ImagesIcon=exports.ImagesIcon=(0,_bifRasterIcon.createBifRasterIcon)(_iconDataG.imagesIconData,_imagesRasterG.default,9);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMAGES_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.IMAGES_ICON_COLOR;
+  }
+});
+exports.ImagesIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+var _imagesRasterG = _interopRequireDefault(require("./generated/images-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
+
+const ImagesIcon = exports.ImagesIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.imagesIconData, _imagesRasterG.default, 9);

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

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

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IMPERSONATE_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.IMPERSONATE_ICON_COLOR}}),exports.ImpersonateIcon=void 0;var _rasterIcon=require("./raster-icon.js"),_iconDataG=require("./generated/icon-data.g.js");const ImpersonateIcon=exports.ImpersonateIcon=(0,_rasterIcon.createRasterIcon)("impersonate");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMPERSONATE_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.IMPERSONATE_ICON_COLOR;
+  }
+});
+exports.ImpersonateIcon = void 0;
+var _rasterIcon = require("./raster-icon.js");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Approved Impersonate + Otto artwork; Metro uses the native Image twin.
+
+const ImpersonateIcon = exports.ImpersonateIcon = (0, _rasterIcon.createRasterIcon)('impersonate');

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

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IMPERSONATE_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.IMPERSONATE_ICON_COLOR}}),exports.ImpersonateIcon=ImpersonateIcon;var _reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime"),_iconDataG=require("./generated/icon-data.g.js");const source=require("./assets/impersonate.png");function ImpersonateIcon({size:e=24,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},t]})}
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IMPERSONATE_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.IMPERSONATE_ICON_COLOR;
+  }
+});
+exports.ImpersonateIcon = ImpersonateIcon;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Cropped transparent artwork with 72/144/216px density assets.
+const source = require('./assets/impersonate.png');
+function ImpersonateIcon({
+  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/jotai-icon.js

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"JOTAI_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.JOTAI_ICON_COLOR}}),exports.JotaiIcon=void 0;var _rasterIcon=require("./raster-icon.js"),_iconDataG=require("./generated/icon-data.g.js");const JotaiIcon=exports.JotaiIcon=(0,_rasterIcon.createRasterIcon)("jotai");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "JOTAI_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.JOTAI_ICON_COLOR;
+  }
+});
+exports.JotaiIcon = void 0;
+var _rasterIcon = require("./raster-icon.js");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Shared raster artwork; Metro uses the native Image twin.
+
+const JotaiIcon = exports.JotaiIcon = (0, _rasterIcon.createRasterIcon)('jotai');

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

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"JOTAI_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.JOTAI_ICON_COLOR}}),exports.JotaiIcon=void 0;var _react=require("react"),_reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime"),_iconDataG=require("./generated/icon-data.g.js");const source=require("./assets/jotai.png"),JotaiIcon=exports.JotaiIcon=(0,_react.memo)(function({size:e=24,style:t}){return(0,_jsxRuntime.jsx)(_reactNative.Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},t]})});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "JOTAI_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.JOTAI_ICON_COLOR;
+  }
+});
+exports.JotaiIcon = 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-jotai-icon.cjs at 1x/2x/3x for the 32-point dial.
+// Preserve the mascot's grayscale shading instead of flattening it with tint.
+const source = require('./assets/jotai.png');
+const JotaiIcon = exports.JotaiIcon = /*#__PURE__*/(0, _react.memo)(function JotaiIcon({
+  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/network-icon.js

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NETWORK_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.NETWORK_ICON_COLOR}}),exports.NetworkIcon=void 0;var _bifRasterIcon=require("./bif-raster-icon"),_iconDataG=require("./generated/icon-data.g.js"),_networkRasterG=_interopRequireDefault(require("./generated/network-raster.g.js"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const NetworkIcon=exports.NetworkIcon=(0,_bifRasterIcon.createBifRasterIcon)(_iconDataG.networkIconData,_networkRasterG.default,9);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NETWORK_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.NETWORK_ICON_COLOR;
+  }
+});
+exports.NetworkIcon = void 0;
+var _bifRasterIcon = require("./bif-raster-icon");
+var _iconDataG = require("./generated/icon-data.g.js");
+var _networkRasterG = _interopRequireDefault(require("./generated/network-raster.g.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Generated by scripts/sync-raster-icons.cjs.
+
+const NetworkIcon = exports.NetworkIcon = (0, _bifRasterIcon.createBifRasterIcon)(_iconDataG.networkIconData, _networkRasterG.default, 9);

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

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

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

@@ -1 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"QUERY_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.QUERY_ICON_COLOR}}),exports.QueryIcon=void 0;var _rasterIcon=require("./raster-icon.js"),_iconDataG=require("./generated/icon-data.g.js");const QueryIcon=exports.QueryIcon=(0,_rasterIcon.createRasterIcon)("query");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QUERY_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.QUERY_ICON_COLOR;
+  }
+});
+exports.QueryIcon = void 0;
+var _rasterIcon = require("./raster-icon.js");
+var _iconDataG = require("./generated/icon-data.g.js");
+// Shared raster artwork; Metro uses the native Image twin.
+
+const QueryIcon = exports.QueryIcon = (0, _rasterIcon.createRasterIcon)('query');

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

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"QUERY_ICON_COLOR",{enumerable:!0,get:function(){return _iconDataG.QUERY_ICON_COLOR}}),exports.QueryIcon=void 0;var _react=require("react"),_reactNative=require("react-native"),_jsxRuntime=require("react/jsx-runtime"),_iconDataG=require("./generated/icon-data.g.js");const source=require("./assets/query.png"),QueryIcon=exports.QueryIcon=(0,_react.memo)(function({size:e=24,style:r}){return(0,_jsxRuntime.jsx)(_reactNative.Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},r]})});
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QUERY_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _iconDataG.QUERY_ICON_COLOR;
+  }
+});
+exports.QueryIcon = 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-query-icon.cjs. Metro selects the density asset
+// for the 32-point dial slot. Preserve the logo's authored colors.
+const source = require('./assets/query.png');
+const QueryIcon = exports.QueryIcon = /*#__PURE__*/(0, _react.memo)(function QueryIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+});