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

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

@@ -1,302 +1 @@
-"use strict";
-
-/**
- * Icon Renderer - Transforms icon data to components
- *
- * ONE renderer for ALL icons. Icons are just data.
- */
-
-import { memo } from 'react';
-import { IconContainer, IconCircle, IconRect, IconLine, IconText, IconTriangle, IconArc, IconSemicircle, IconSmoothArc } from './icon-primitives';
-
-// ===========================================
-// 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.
- */
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-// ===========================================
-// 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
-// ===========================================
-
-export 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__*/_jsx(IconContainer, {
-    size: size,
-    style: style,
-    children: elements.map((el, i) => {
-      if (el.type === 'circle') {
-        return /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsx(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__*/_jsx(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__*/_jsx(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__*/_jsx(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__*/_jsx(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__*/_jsx(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.
- */
-
-export 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__*/_jsx(_Fragment, {
-    children: renderIconData(data, size, color, bgColor, opts?.glyph ? strokeWidth : undefined, style)
-  });
-  Icon.displayName = 'Icon';
-  return /*#__PURE__*/memo(Icon);
-}
+"use strict";import{memo as x}from"react";import{IconContainer as w,IconCircle as m,IconRect as I,IconLine as C,IconText as v,IconTriangle as W,IconArc as k,IconSemicircle as R,IconSmoothArc as X}from"./icon-primitives";import{jsx as f,Fragment as Y}from"react/jsx-runtime";function S(c,p){const n=c.replace("#","");let d,e,s;if(n.length===3){d=parseInt(n[0]+n[0],16);e=parseInt(n[1]+n[1],16);s=parseInt(n[2]+n[2],16)}else if(n.length>=6){d=parseInt(n.substring(0,2),16);e=parseInt(n.substring(2,4),16);s=parseInt(n.substring(4,6),16)}else{return c}return`rgba(${d}, ${e}, ${s}, ${p})`}function u(c,p,n){if(!c)return void 0;const d=c.lastIndexOf(":");let e=c;let s=1;if(d>0){const g=c.substring(d+1);const t=parseInt(g,10);if(!isNaN(t)&&t>=0&&t<=100){e=c.substring(0,d);s=t/100}}let o;if(e==="color"){o=p}else if(e==="bg"){o=n}else{o=e}if(s<1&&o.startsWith("#")){return S(o,s)}return o}export function renderIconData(c,p,n,d,e,s){const o=p/24;const g=r=>(e??r)*o;const t=p/2;const i=n??c.color;const a=d??c.bgColor;const b=c.elements;return f(w,{size:p,style:s,children:b.map((r,y)=>{if(r.type==="circle"){return f(m,{cx:t+r.cx*o,cy:t+r.cy*o,r:r.r*o,fill:u(r.fill,i,a),borderColor:r.border?u(r.borderColor,i,a)??i:void 0,borderWidth:r.border?g(r.borderWidth??2):0,opacity:r.opacity,scaleX:r.scaleX,scaleY:r.scaleY,glowColor:r.glow?i:void 0,glowRadius:r.glow?(r.glowRadius??4)*o:0,rotation:r.rotation},y)}if(r.type==="rect"){const h=r.rotation!==void 0?r.rotateFromCenter?.5:0:.5;return f(I,{x:t+r.x*o,y:t+r.y*o,width:r.width*o,height:r.height*o,fill:u(r.fill,i,a),borderColor:r.border?u(r.borderColor,i,a)??i:void 0,borderWidth:r.border?g(r.borderWidth??1):0,borderRadius:(r.borderRadius??0)*o,opacity:r.opacity,glowColor:r.glow?i:void 0,glowRadius:r.glow?(r.glowRadius??4)*o:0,rotation:r.rotation,originX:h,originY:.5},y)}if(r.type==="line"){return f(C,{x1:t+r.x1*o,y1:t+r.y1*o,x2:t+r.x2*o,y2:t+r.y2*o,stroke:u(r.stroke??"color",i,a),strokeWidth:g(r.strokeWidth??1),opacity:r.opacity,glowColor:r.glow?i:void 0,glowRadius:r.glow?(r.glowRadius??4)*o:0,rotation:r.rotation,curveX:r.curveX!==void 0?r.curveX*o:void 0,curveY:r.curveY!==void 0?r.curveY*o:void 0,curve2X:r.curve2X!==void 0?r.curve2X*o:void 0,curve2Y:r.curve2Y!==void 0?r.curve2Y*o:void 0},y)}if(r.type==="triangle"){return f(W,{x:t+r.x*o,y:t+r.y*o,size:r.size*o,direction:r.direction,fill:u(r.fill??"color",i,a),opacity:r.opacity,rotation:r.rotation},y)}if(r.type==="arc"){return f(k,{cx:t+r.cx*o,cy:t+r.cy*o,r:r.r*o,startAngle:r.startAngle,endAngle:r.endAngle,stroke:u(r.stroke??"color",i,a),strokeWidth:g(r.strokeWidth??1.5),opacity:r.opacity,segments:r.segments},y)}if(r.type==="semicircle"){return f(R,{cx:t+r.cx*o,cy:t+r.cy*o,r:r.r*o,half:r.half,fill:u(r.fill,i,a),borderColor:r.border?u(r.borderColor,i,a)??i:void 0,borderWidth:r.border?g(r.borderWidth??2):0,opacity:r.opacity,glowColor:r.glow?i:void 0,glowRadius:r.glow?(r.glowRadius??4)*o:0},y)}if(r.type==="text"){return f(v,{x:t+r.x*o,y:t+r.y*o,text:r.text,fontSize:(r.size??2)*o,fontWeight:r.weight,align:r.align,letterSpacing:r.letterSpacing!==void 0?r.letterSpacing*o:void 0,fill:u(r.fill??"color",i,a),opacity:r.opacity,rotation:r.rotation},y)}if(r.type==="smootharc"){return f(X,{cx:t+r.cx*o,cy:t+r.cy*o,r:r.r*o,stroke:u(r.stroke??"color",i,a),strokeWidth:g(r.strokeWidth??2),opacity:r.opacity,portion:r.portion??"bottom"},y)}return null})})}export function createIcon(c,p){const n=({size:d=24,color:e,bgColor:s,strokeWidth:o,style:g})=>f(Y,{children:renderIconData(c,d,e,s,p?.glyph?o:void 0,g)});n.displayName="Icon";return x(n)}

package/lib/module/icons/iconGlow.js

@@ -1,28 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-export const 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
-};
+"use strict";export const 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};

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

@@ -1,8 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { imageOverlayIconData } from "./generated/icon-data.g.js";
-import source from "./generated/image-overlay-raster.g.js";
-export { IMAGE_OVERLAY_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ImageOverlayIcon = createBifRasterIcon(imageOverlayIconData, source, 3);
+"use strict";import{createBifRasterIcon as r}from"./bif-raster-icon";import{imageOverlayIconData as o}from"./generated/icon-data.g.js";import e from"./generated/image-overlay-raster.g.js";export{IMAGE_OVERLAY_ICON_COLOR}from"./generated/icon-data.g.js";export const ImageOverlayIcon=r(o,e,3);

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

@@ -1,7 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { imageOverlayIconData } from "./generated/icon-data.g.js";
-export { IMAGE_OVERLAY_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ImageOverlayIcon = createBifRasterIcon(imageOverlayIconData, require('./assets/image-overlay.png'), 3);
+"use strict";import{createBifRasterIcon as e}from"./bif-raster-icon";import{imageOverlayIconData as r}from"./generated/icon-data.g.js";export{IMAGE_OVERLAY_ICON_COLOR}from"./generated/icon-data.g.js";export const ImageOverlayIcon=e(r,require("./assets/image-overlay.png"),3);

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

@@ -1,8 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { imagesIconData } from "./generated/icon-data.g.js";
-import source from "./generated/images-raster.g.js";
-export { IMAGES_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ImagesIcon = createBifRasterIcon(imagesIconData, source, 9);
+"use strict";import{createBifRasterIcon as o}from"./bif-raster-icon";import{imagesIconData as r}from"./generated/icon-data.g.js";import t from"./generated/images-raster.g.js";export{IMAGES_ICON_COLOR}from"./generated/icon-data.g.js";export const ImagesIcon=o(r,t,9);

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

@@ -1,7 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { imagesIconData } from "./generated/icon-data.g.js";
-export { IMAGES_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ImagesIcon = createBifRasterIcon(imagesIconData, require('./assets/images.png'), 9);
+"use strict";import{createBifRasterIcon as e}from"./bif-raster-icon";import{imagesIconData as r}from"./generated/icon-data.g.js";export{IMAGES_ICON_COLOR}from"./generated/icon-data.g.js";export const ImagesIcon=e(r,require("./assets/images.png"),9);

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

@@ -1,6 +1 @@
-"use strict";
-
-// Approved Impersonate + Otto artwork; Metro uses the native Image twin.
-import { createRasterIcon } from "./raster-icon.js";
-export { IMPERSONATE_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ImpersonateIcon = createRasterIcon('impersonate');
+"use strict";import{createRasterIcon as e}from"./raster-icon.js";export{IMPERSONATE_ICON_COLOR}from"./generated/icon-data.g.js";export const ImpersonateIcon=e("impersonate");

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

@@ -1,23 +1 @@
-"use strict";
-
-import { Image } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export { IMPERSONATE_ICON_COLOR } from "./generated/icon-data.g.js";
-
-// Cropped transparent artwork with 72/144/216px density assets.
-const source = require('./assets/impersonate.png');
-export function ImpersonateIcon({
-  size = 24,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Image, {
-    source: source,
-    resizeMode: "contain",
-    fadeDuration: 0,
-    accessible: false,
-    style: [{
-      width: size,
-      height: size
-    }, style]
-  });
-}
+"use strict";import{Image as o}from"react-native";import{jsx as r}from"react/jsx-runtime";export{IMPERSONATE_ICON_COLOR}from"./generated/icon-data.g.js";const s=require("./assets/impersonate.png");export function ImpersonateIcon({size:e=24,style:t}){return r(o,{testID:"buoy-internal-icon",source:s,resizeMode:"contain",fadeDuration:0,accessible:false,style:[{width:e,height:e},t]})}

package/lib/module/icons/jotai-icon.js

@@ -1,6 +1 @@
-"use strict";
-
-// Shared raster artwork; Metro uses the native Image twin.
-import { createRasterIcon } from "./raster-icon.js";
-export { JOTAI_ICON_COLOR } from "./generated/icon-data.g.js";
-export const JotaiIcon = createRasterIcon('jotai');
+"use strict";import{createRasterIcon as o}from"./raster-icon.js";export{JOTAI_ICON_COLOR}from"./generated/icon-data.g.js";export const JotaiIcon=o("jotai");

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

@@ -1,25 +1 @@
-"use strict";
-
-import { memo } from 'react';
-import { Image } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export { JOTAI_ICON_COLOR } from "./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');
-export const JotaiIcon = /*#__PURE__*/memo(function JotaiIcon({
-  size = 24,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Image, {
-    source: source,
-    resizeMode: "contain",
-    fadeDuration: 0,
-    accessible: false,
-    style: [{
-      width: size,
-      height: size
-    }, style]
-  });
-});
+"use strict";import{memo as e}from"react";import{Image as r}from"react-native";import{jsx as s}from"react/jsx-runtime";export{JOTAI_ICON_COLOR}from"./generated/icon-data.g.js";const i=require("./assets/jotai.png");export const JotaiIcon=e(function n({size:o=24,style:t}){return s(r,{testID:"buoy-internal-icon",source:i,resizeMode:"contain",fadeDuration:0,accessible:false,style:[{width:o,height:o},t]})});

package/lib/module/icons/network-icon.js

@@ -1,8 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { networkIconData } from "./generated/icon-data.g.js";
-import source from "./generated/network-raster.g.js";
-export { NETWORK_ICON_COLOR } from "./generated/icon-data.g.js";
-export const NetworkIcon = createBifRasterIcon(networkIconData, source, 9);
+"use strict";import{createBifRasterIcon as o}from"./bif-raster-icon";import{networkIconData as r}from"./generated/icon-data.g.js";import t from"./generated/network-raster.g.js";export{NETWORK_ICON_COLOR}from"./generated/icon-data.g.js";export const NetworkIcon=o(r,t,9);

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

@@ -1,7 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { networkIconData } from "./generated/icon-data.g.js";
-export { NETWORK_ICON_COLOR } from "./generated/icon-data.g.js";
-export const NetworkIcon = createBifRasterIcon(networkIconData, require('./assets/network.png'), 9);
+"use strict";import{createBifRasterIcon as r}from"./bif-raster-icon";import{networkIconData as o}from"./generated/icon-data.g.js";export{NETWORK_ICON_COLOR}from"./generated/icon-data.g.js";export const NetworkIcon=r(o,require("./assets/network.png"),9);

package/lib/module/icons/notifications-icon.js

@@ -0,0 +1 @@
+"use strict";import{createIcon as o}from"./icon-renderer.js";import{notificationsIconData as t}from"./generated/icon-data.g.js";export{NOTIFICATIONS_ICON_COLOR}from"./generated/icon-data.g.js";export const NotificationsIcon=o(t);

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

@@ -1,6 +1 @@
-"use strict";
-
-// Shared raster artwork; Metro uses the native Image twin.
-import { createRasterIcon } from "./raster-icon.js";
-export { QUERY_ICON_COLOR } from "./generated/icon-data.g.js";
-export const QueryIcon = createRasterIcon('query');
+"use strict";import{createRasterIcon as r}from"./raster-icon.js";export{QUERY_ICON_COLOR}from"./generated/icon-data.g.js";export const QueryIcon=r("query");

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

@@ -1,25 +1 @@
-"use strict";
-
-import { memo } from 'react';
-import { Image } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export { QUERY_ICON_COLOR } from "./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');
-export const QueryIcon = /*#__PURE__*/memo(function QueryIcon({
-  size = 24,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Image, {
-    source: source,
-    resizeMode: "contain",
-    fadeDuration: 0,
-    accessible: false,
-    style: [{
-      width: size,
-      height: size
-    }, style]
-  });
-});
+"use strict";import{memo as r}from"react";import{Image as t}from"react-native";import{jsx as s}from"react/jsx-runtime";export{QUERY_ICON_COLOR}from"./generated/icon-data.g.js";const n=require("./assets/query.png");export const QueryIcon=r(function i({size:e=24,style:o}){return s(t,{testID:"buoy-internal-icon",source:n,resizeMode:"contain",fadeDuration:0,accessible:false,style:[{width:e,height:e},o]})});

package/lib/module/icons/raster-icon.js

@@ -1,48 +1 @@
-"use strict";
-
-import { createElement } from 'react';
-import { rasterIcons } from "./generated/raster-icons.g.js";
-
-/** The same PNG artwork used by native, with no SVG or React Native runtime. */
-export function createRasterIcon(name) {
-  const Icon = ({
-    size = 24,
-    color,
-    style
-  }) => {
-    const source = rasterIcons[name];
-    const tint = name === 'sentry' ? color ?? '#9945FF' : name === 'redux' ? color : undefined;
-    const box = {
-      width: size,
-      height: size,
-      display: 'inline-block',
-      flexShrink: 0,
-      verticalAlign: 'middle',
-      ...style
-    };
-    if (tint) {
-      const mask = `url("${source}") center / contain no-repeat`;
-      return /*#__PURE__*/createElement('span', {
-        'aria-hidden': true,
-        style: {
-          ...box,
-          backgroundColor: tint,
-          mask,
-          WebkitMask: mask
-        }
-      });
-    }
-    return /*#__PURE__*/createElement('img', {
-      src: source,
-      alt: '',
-      draggable: false,
-      width: size,
-      height: size,
-      style: {
-        objectFit: 'contain',
-        ...box
-      }
-    });
-  };
-  return Icon;
-}
+"use strict";import{createElement as a}from"react";import{rasterIcons as d}from"./generated/raster-icons.g.js";export function createRasterIcon(e){const s=({size:t=24,color:r,style:l})=>{const n=d[e];const i=e==="sentry"?r??"#9945FF":e==="redux"?r:void 0;const o={width:t,height:t,display:"inline-block",flexShrink:0,verticalAlign:"middle",...l};if(i){const c=`url("${n}") center / contain no-repeat`;return a("span",{"aria-hidden":true,style:{...o,backgroundColor:i,mask:c,WebkitMask:c}})}return a("img",{src:n,alt:"",draggable:false,width:t,height:t,style:{objectFit:"contain",...o}})};return s}

package/lib/module/icons/redux-icon.js

@@ -1,6 +1 @@
-"use strict";
-
-// Shared raster artwork; Metro uses the native Image twin.
-import { createRasterIcon } from "./raster-icon.js";
-export { REDUX_ICON_COLOR } from "./generated/icon-data.g.js";
-export const ReduxIcon = createRasterIcon('redux');
+"use strict";import{createRasterIcon as r}from"./raster-icon.js";export{REDUX_ICON_COLOR}from"./generated/icon-data.g.js";export const ReduxIcon=r("redux");

package/lib/module/icons/redux-icon.native.js

@@ -1,26 +1 @@
-"use strict";
-
-import { memo } from 'react';
-import { Image } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export { REDUX_ICON_COLOR } from "./generated/icon-data.g.js";
-
-// Exported by scripts/export-redux-icon.cjs at 1x/2x/3x for the 32-point dial.
-const source = require('./assets/redux.png');
-export const ReduxIcon = /*#__PURE__*/memo(function ReduxIcon({
-  size = 24,
-  color,
-  style
-}) {
-  return /*#__PURE__*/_jsx(Image, {
-    source: source,
-    resizeMode: "contain",
-    fadeDuration: 0,
-    accessible: false,
-    style: [{
-      width: size,
-      height: size,
-      tintColor: color
-    }, style]
-  });
-});
+"use strict";import{memo as r}from"react";import{Image as s}from"react-native";import{jsx as n}from"react/jsx-runtime";export{REDUX_ICON_COLOR}from"./generated/icon-data.g.js";const i=require("./assets/redux.png");export const ReduxIcon=r(function c({size:e=24,color:o,style:t}){return n(s,{testID:"buoy-internal-icon",source:i,resizeMode:"contain",fadeDuration:0,accessible:false,style:[{width:e,height:e,tintColor:o},t]})});

package/lib/module/icons/renders-icon.js

@@ -1,3 +1 @@
-"use strict";
-
-export { HighlighterIcon, RendersIcon, HIGHLIGHTER_ICON_COLOR, RENDERS_ICON_COLOR } from './highlighter-icon';
+"use strict";export{HighlighterIcon,RendersIcon,HIGHLIGHTER_ICON_COLOR,RENDERS_ICON_COLOR}from"./highlighter-icon";

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

@@ -1,3 +1 @@
-"use strict";
-
-export { HighlighterIcon, RendersIcon, HIGHLIGHTER_ICON_COLOR, RENDERS_ICON_COLOR } from './highlighter-icon';
+"use strict";export{HighlighterIcon,RendersIcon,HIGHLIGHTER_ICON_COLOR,RENDERS_ICON_COLOR}from"./highlighter-icon";

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

@@ -1,8 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { riverpodIconData } from "./generated/icon-data.g.js";
-import source from "./generated/riverpod-raster.g.js";
-export { RIVERPOD_ICON_COLOR } from "./generated/icon-data.g.js";
-export const RiverpodIcon = createBifRasterIcon(riverpodIconData, source, 9);
+"use strict";import{createBifRasterIcon as o}from"./bif-raster-icon";import{riverpodIconData as r}from"./generated/icon-data.g.js";import t from"./generated/riverpod-raster.g.js";export{RIVERPOD_ICON_COLOR}from"./generated/icon-data.g.js";export const RiverpodIcon=o(r,t,9);

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

@@ -1,7 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { riverpodIconData } from "./generated/icon-data.g.js";
-export { RIVERPOD_ICON_COLOR } from "./generated/icon-data.g.js";
-export const RiverpodIcon = createBifRasterIcon(riverpodIconData, require('./assets/riverpod.png'), 9);
+"use strict";import{createBifRasterIcon as r}from"./bif-raster-icon";import{riverpodIconData as o}from"./generated/icon-data.g.js";export{RIVERPOD_ICON_COLOR}from"./generated/icon-data.g.js";export const RiverpodIcon=r(o,require("./assets/riverpod.png"),9);

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

@@ -1,9 +1 @@
-"use strict";
-
-// Generated by scripts/sync-raster-icons.cjs.
-import { createBifRasterIcon } from './bif-raster-icon';
-import { routesIconData } from "./generated/icon-data.g.js";
-import source from "./generated/routes-raster.g.js";
-export { ROUTES_ICON_COLOR } from "./generated/icon-data.g.js";
-export const RoutesIcon = createBifRasterIcon(routesIconData, source, 3);
-export * from "./routes-parts.js";
+"use strict";import{createBifRasterIcon as o}from"./bif-raster-icon";import{routesIconData as r}from"./generated/icon-data.g.js";import t from"./generated/routes-raster.g.js";export{ROUTES_ICON_COLOR}from"./generated/icon-data.g.js";export const RoutesIcon=o(r,t,3);export*from"./routes-parts.js";