@buoy-gg/floating-tools-core 7.0.33 → 7.0.35

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

@@ -9,6 +9,7 @@
 
 import { memo } from 'react';
 import { Text, View } from 'react-native';
+import { ICON_GLOW } from "./iconGlow.js";
 
 // ===========================================
 // Types
@@ -20,15 +21,16 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 
 export const IconContainer = ({
   size,
-  children
+  children,
+  style
 }) => {
-  const style = {
+  const box = {
     position: 'relative',
     width: size,
     height: size
   };
   return /*#__PURE__*/_jsx(View, {
-    style: style,
+    style: [box, style],
     children: children
   });
 };
@@ -79,8 +81,8 @@ const IconCircleImpl = ({
         width: 0,
         height: 0
       },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
+      shadowOpacity: ICON_GLOW.filledShadowOpacity,
+      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
     })
   };
 
@@ -102,15 +104,15 @@ const IconCircleImpl = ({
           // Matches icon bg - enables shadow
           borderWidth: strokeW,
           borderColor: glowColor,
-          opacity: 0.5,
+          opacity: ICON_GLOW.ringLayerOpacity,
           transform: transforms.length > 0 ? transforms : undefined,
           shadowColor: glowColor,
           shadowOffset: {
             width: 0,
             height: 0
           },
-          shadowOpacity: 0.9,
-          shadowRadius: 8
+          shadowOpacity: ICON_GLOW.ringShadowOpacity,
+          shadowRadius: ICON_GLOW.ringShadowRadius
         }
       }), /*#__PURE__*/_jsx(View, {
         style: style
@@ -198,8 +200,8 @@ const IconRectImpl = ({
         width: 0,
         height: 0
       },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
+      shadowOpacity: ICON_GLOW.filledShadowOpacity,
+      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
     })
   };
 
@@ -216,17 +218,17 @@ const IconRectImpl = ({
           width: width + glowExpand * 2,
           height: height + glowExpand * 2,
           borderRadius: borderRadius + glowExpand,
-          borderWidth: strokeW * 2,
+          borderWidth: strokeW * ICON_GLOW.rectBorderScale,
           borderColor: glowColor,
-          opacity: 0.4,
+          opacity: ICON_GLOW.rectLayerOpacity,
           transform: transforms.length > 0 ? transforms : undefined,
           shadowColor: glowColor,
           shadowOffset: {
             width: 0,
             height: 0
           },
-          shadowOpacity: 0.8,
-          shadowRadius: strokeW * 4
+          shadowOpacity: ICON_GLOW.rectShadowOpacity,
+          shadowRadius: strokeW * ICON_GLOW.rectShadowRadiusScale
         }
       }), /*#__PURE__*/_jsx(View, {
         style: style
@@ -409,14 +411,24 @@ const IconLineImpl = ({
       const segCenterX = (prev.x + pt.x) / 2;
       const segCenterY = (prev.y + pt.y) / 2;
 
-      // A capsule: rounded ends butt against the neighbouring segment's, so
-      // the joints read as a continuous stroke rather than a mitred polyline.
+      // A capsule per segment. Interior joints OVERLAP by half a stroke on each side (a
+      // capsule exactly segLength long shrinks to a blob when the segment is shorter than
+      // the stroke, and neighbouring round ends leave notches on the outside of a turn —
+      // the route-path icon rendered as dashes). The chain's two ends stay exactly at the
+      // authored endpoints so a curve is the same length as a straight line.
+      const extS = i > 1 ? strokeWidth / 2 : 0;
+      const extE = i < segments ? strokeWidth / 2 : 0;
+      const ux = segLength > 0 ? segDx / segLength : 0;
+      const uy = segLength > 0 ? segDy / segLength : 0;
+      const capLength = segLength + extS + extE;
+      const capCenterX = segCenterX + ux * (extE - extS) / 2;
+      const capCenterY = segCenterY + uy * (extE - extS) / 2;
       elements.push(/*#__PURE__*/_jsx(View, {
         style: {
           position: 'absolute',
-          left: segCenterX - segLength / 2,
-          top: segCenterY - strokeWidth / 2,
-          width: segLength,
+          left: capCenterX - capLength / 2,
+          top: capCenterY - strokeWidth / 2,
+          width: capLength,
           height: strokeWidth,
           borderRadius: strokeWidth / 2,
           backgroundColor: stroke,
@@ -471,7 +483,7 @@ const IconLineImpl = ({
           width: length,
           height: strokeWidth,
           backgroundColor: glowColor,
-          opacity: 0.5,
+          opacity: ICON_GLOW.lineLayerOpacity,
           transform: [{
             rotate: `${totalRotation}deg`
           }],
@@ -482,8 +494,8 @@ const IconLineImpl = ({
             width: 0,
             height: 0
           },
-          shadowOpacity: 0.9,
-          shadowRadius: 8
+          shadowOpacity: ICON_GLOW.lineShadowOpacity,
+          shadowRadius: ICON_GLOW.lineShadowRadius
         }
       }), /*#__PURE__*/_jsx(View, {
         style: style
@@ -626,13 +638,19 @@ const IconArcImpl = ({
     const x2 = cx + r * Math.cos(rad2);
     const y2 = cy + r * Math.sin(rad2);
 
-    // Calculate segment geometry
+    // Calculate segment geometry. Interior joints overlap by half a stroke (same reason
+    // as the curved-line chain above); the arc's two ends stay at the authored angles.
     const dx = x2 - x1;
     const dy = y2 - y1;
-    const length = Math.sqrt(dx * dx + dy * dy);
+    const segLen = Math.sqrt(dx * dx + dy * dy);
     const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
+    const extS = i > 0 ? strokeWidth / 2 : 0;
+    const extE = i < numSegments - 1 ? strokeWidth / 2 : 0;
+    const ux = segLen > 0 ? dx / segLen : 0;
+    const uy = segLen > 0 ? dy / segLen : 0;
+    const length = segLen + extS + extE;
+    const midX = (x1 + x2) / 2 + ux * (extE - extS) / 2;
+    const midY = (y1 + y2) / 2 + uy * (extE - extS) / 2;
     const style = {
       position: 'absolute',
       left: midX - length / 2,
@@ -743,8 +761,8 @@ const IconSemicircleImpl = ({
         width: 0,
         height: 0
       },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
+      shadowOpacity: ICON_GLOW.filledShadowOpacity,
+      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
     })
   };
 
@@ -769,16 +787,16 @@ const IconSemicircleImpl = ({
           borderTopRightRadius: half === 'top' || half === 'right' ? glowR : 0,
           borderBottomLeftRadius: half === 'bottom' || half === 'left' ? glowR : 0,
           borderBottomRightRadius: half === 'bottom' || half === 'right' ? glowR : 0,
-          borderWidth: strokeW * 2,
+          borderWidth: strokeW * ICON_GLOW.rectBorderScale,
           borderColor: glowColor,
-          opacity: 0.4,
+          opacity: ICON_GLOW.rectLayerOpacity,
           shadowColor: glowColor,
           shadowOffset: {
             width: 0,
             height: 0
           },
-          shadowOpacity: 0.8,
-          shadowRadius: strokeW * 4
+          shadowOpacity: ICON_GLOW.rectShadowOpacity,
+          shadowRadius: strokeW * ICON_GLOW.rectShadowRadiusScale
         }
       }), /*#__PURE__*/_jsx(View, {
         style: style

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

@@ -124,8 +124,19 @@ function resolveColor(fill, color, bgColor) {
 // Icon Renderer
 // ===========================================
 
-export function renderIconData(data, size, colorOverride, bgColorOverride) {
+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;
@@ -134,6 +145,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
   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, {
@@ -142,7 +154,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           r: el.r * scale,
           fill: resolveColor(el.fill, color, bgColor),
           borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 2) * scale : 0,
+          borderWidth: el.border ? sw(el.borderWidth ?? 2) : 0,
           opacity: el.opacity,
           scaleX: el.scaleX,
           scaleY: el.scaleY,
@@ -163,7 +175,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           height: el.height * scale,
           fill: resolveColor(el.fill, color, bgColor),
           borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 1) * scale : 0,
+          borderWidth: el.border ? sw(el.borderWidth ?? 1) : 0,
           borderRadius: (el.borderRadius ?? 0) * scale,
           opacity: el.opacity,
           glowColor: el.glow ? color : undefined,
@@ -180,7 +192,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           x2: center + el.x2 * scale,
           y2: center + el.y2 * scale,
           stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 1) * scale,
+          strokeWidth: sw(el.strokeWidth ?? 1),
           opacity: el.opacity,
           glowColor: el.glow ? color : undefined,
           glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
@@ -210,7 +222,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           startAngle: el.startAngle,
           endAngle: el.endAngle,
           stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 1.5) * scale,
+          strokeWidth: sw(el.strokeWidth ?? 1.5),
           opacity: el.opacity,
           segments: el.segments
         }, i);
@@ -223,7 +235,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           half: el.half,
           fill: resolveColor(el.fill, color, bgColor),
           borderColor: el.border ? resolveColor(el.borderColor, color, bgColor) ?? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 2) * scale : 0,
+          borderWidth: el.border ? sw(el.borderWidth ?? 2) : 0,
           opacity: el.opacity,
           glowColor: el.glow ? color : undefined,
           glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0
@@ -249,7 +261,7 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
           cy: center + el.cy * scale,
           r: el.r * scale,
           stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 2) * scale,
+          strokeWidth: sw(el.strokeWidth ?? 2),
           opacity: el.opacity,
           portion: el.portion ?? 'bottom'
         }, i);
@@ -263,7 +275,14 @@ export function renderIconData(data, size, colorOverride, bgColorOverride) {
 // Icon Factory
 // ===========================================
 
-export function createIcon(data) {
+/**
+ * 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
@@ -272,9 +291,11 @@ export function createIcon(data) {
   const Icon = ({
     size = 24,
     color,
-    bgColor
+    bgColor,
+    strokeWidth,
+    style
   }) => /*#__PURE__*/_jsx(_Fragment, {
-    children: renderIconData(data, size, color, bgColor)
+    children: renderIconData(data, size, color, bgColor, opts?.glyph ? strokeWidth : undefined, style)
   });
   Icon.displayName = 'Icon';
   return /*#__PURE__*/memo(Icon);

package/lib/module/icons/iconGlow.js

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

package/lib/module/index.js

@@ -22,6 +22,15 @@
 // Core store
 export { FloatingToolsStore } from "./FloatingToolsStore.js";
 
+// The monospace family, per platform — never write `fontFamily: "monospace"`.
+export { monoFont } from "./fonts.js";
+
+// The lucide UI glyph tier as components, one per shared/icons/glyphs/*.json.
+// Named `<Name>Glyph` because a few names collide with the BRAND tier (`wifi`
+// is both, and they are different drawings); shared-ui aliases them onto the
+// plain lucide names.
+export * from "./icons/generated/glyph-icons.g.js";
+
 // Constants
 export { VISIBLE_HANDLE_WIDTH, DRAG_THRESHOLD, ANIMATION_DURATION, EDGE_PADDING, SAVE_DEBOUNCE_MS, STORAGE_KEYS } from "./constants.js";
 

package/lib/typescript/commonjs/dial.d.ts

@@ -105,7 +105,7 @@ export declare const dialStyles: {
             readonly fontSize: 10;
             readonly fontWeight: "900";
             readonly letterSpacing: 1;
-            readonly fontFamily: "monospace";
+            readonly fontFamily: string;
         };
         readonly proText: {
             readonly fontSize: 8;
@@ -125,7 +125,7 @@ export declare const dialStyles: {
             readonly fontSize: 8;
             readonly fontWeight: "900";
             readonly letterSpacing: 0.3;
-            readonly fontFamily: "monospace";
+            readonly fontFamily: string;
             readonly marginTop: 2;
         };
         /** Icon wrapper margin bottom */

package/lib/typescript/commonjs/dial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dial.d.ts","sourceRoot":"","sources":["../../../src/dial.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dial.d.ts","sourceRoot":"","sources":["../../../src/dial.ts"],"names":[],"mappings":"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"}

package/lib/typescript/commonjs/fonts.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The monospace family, per platform — THE seam for every `fontFamily` in Buoy.
+ *
+ * `"monospace"` is an ANDROID family name. iOS has no family called that, so
+ * React Native silently falls back to the system font: every code path, header
+ * name, JSON value and status chip Buoy renders "in monospace" was actually
+ * proportional on iOS. The cross-framework parity sheet is what surfaced it —
+ * Flutter resolves `monospace` to a real monospaced face, so its chips came out
+ * wider and taller than their RN twins and looked like a port bug.
+ *
+ * Menlo ships with every iOS version and is the family the ports can name too
+ * (Flutter `buoyMonoFont`, SwiftUI `Font.custom("Menlo", …)`), which is what
+ * makes the three frameworks draw the same glyphs.
+ *
+ * On web (the desktop dashboard, react-native-web) the generic `monospace`
+ * resolves to a thin, poorly-hinted browser default, so a curated stack is used
+ * there instead — the choice `packages/console` had already made locally.
+ */
+export declare const monoFont: string;
+//# sourceMappingURL=fonts.d.ts.map

package/lib/typescript/commonjs/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/fonts.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,EAAE,MAMJ,CAAC"}

package/lib/typescript/commonjs/icons/ask-buoy-icon.d.ts

@@ -11,5 +11,5 @@
  */
 import { ASK_BUOY_ICON_COLOR } from './generated/icon-data.g';
 export { ASK_BUOY_ICON_COLOR };
-export declare const AskBuoyIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const AskBuoyIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=ask-buoy-icon.d.ts.map

package/lib/typescript/commonjs/icons/ask-buoy-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ask-buoy-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/ask-buoy-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAmB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAC/B,eAAO,MAAM,WAAW,yDAA8B,CAAC"}
+{"version":3,"file":"ask-buoy-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/ask-buoy-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAmB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAC/B,eAAO,MAAM,WAAW,6CAA8B,CAAC"}

package/lib/typescript/commonjs/icons/assets-icon.d.ts

@@ -10,5 +10,5 @@
  */
 import { ASSETS_ICON_COLOR } from './generated/icon-data.g';
 export { ASSETS_ICON_COLOR };
-export declare const AssetsIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const AssetsIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=assets-icon.d.ts.map

package/lib/typescript/commonjs/icons/assets-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assets-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/assets-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,yDAA6B,CAAC"}
+{"version":3,"file":"assets-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/assets-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,6CAA6B,CAAC"}

package/lib/typescript/commonjs/icons/benchmark-icon.d.ts

@@ -8,5 +8,5 @@
  */
 import { BENCHMARK_ICON_COLOR } from './generated/icon-data.g';
 export { BENCHMARK_ICON_COLOR };
-export declare const BenchmarkIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const BenchmarkIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=benchmark-icon.d.ts.map

package/lib/typescript/commonjs/icons/benchmark-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"benchmark-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/benchmark-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,eAAO,MAAM,aAAa,yDAAgC,CAAC"}
+{"version":3,"file":"benchmark-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/benchmark-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAqB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAElF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,eAAO,MAAM,aAAa,6CAAgC,CAAC"}

package/lib/typescript/commonjs/icons/camera-icon.d.ts

@@ -11,5 +11,5 @@
  */
 import { CAMERA_ICON_COLOR } from './generated/icon-data.g';
 export { CAMERA_ICON_COLOR };
-export declare const CameraIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const CameraIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=camera-icon.d.ts.map

package/lib/typescript/commonjs/icons/camera-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"camera-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/camera-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,yDAA6B,CAAC"}
+{"version":3,"file":"camera-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/camera-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,6CAA6B,CAAC"}

package/lib/typescript/commonjs/icons/console-icon.d.ts

@@ -10,5 +10,5 @@
  */
 import { CONSOLE_ICON_COLOR } from './generated/icon-data.g';
 export { CONSOLE_ICON_COLOR };
-export declare const ConsoleIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const ConsoleIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=console-icon.d.ts.map

package/lib/typescript/commonjs/icons/console-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"console-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/console-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAmB,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,eAAO,MAAM,WAAW,yDAA8B,CAAC"}
+{"version":3,"file":"console-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/console-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAmB,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,eAAO,MAAM,WAAW,6CAA8B,CAAC"}

package/lib/typescript/commonjs/icons/env-icon.d.ts

@@ -8,5 +8,5 @@
  */
 import { ENV_ICON_COLOR } from './generated/icon-data.g';
 export { ENV_ICON_COLOR };
-export declare const EnvIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const EnvIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=env-icon.d.ts.map

package/lib/typescript/commonjs/icons/env-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"env-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/env-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,eAAO,MAAM,OAAO,yDAA0B,CAAC"}
+{"version":3,"file":"env-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/env-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAe,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,eAAO,MAAM,OAAO,6CAA0B,CAAC"}

package/lib/typescript/commonjs/icons/events-icon.d.ts

@@ -8,5 +8,5 @@
  */
 import { EVENTS_ICON_COLOR } from './generated/icon-data.g';
 export { EVENTS_ICON_COLOR };
-export declare const EventsIcon: import("react").FC<import("./icon-renderer").IconProps>;
+export declare const EventsIcon: import("./icon-renderer").BuoyIconComponent;
 //# sourceMappingURL=events-icon.d.ts.map

package/lib/typescript/commonjs/icons/events-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/events-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,yDAA6B,CAAC"}
+{"version":3,"file":"events-icon.d.ts","sourceRoot":"","sources":["../../../../src/icons/events-icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAkB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAO,MAAM,UAAU,6CAA6B,CAAC"}