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

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

@@ -1 +1,40 @@
-"use strict";import{createIcon}from"./icon-renderer.js";import{routePinIconData,routePathIconData,routeDotIconData,routeTwoPinsIconData,curveTestAData,curveTestBData,curveTestCData,curveTestDData,curveTestEData,curveTestFData,curveTestGData,curveTestHData,curveTestIData,curveTestJData,curveTestKData,curveTestLData,curveTestMData,curveTestNData,curveTestOData,curveTestPData,ROUTES_ICON_COLOR}from"./generated/icon-data.g.js";export{ROUTES_ICON_COLOR};export const RoutePinIcon=createIcon(routePinIconData);export const RoutePathIcon=createIcon(routePathIconData);export const RouteDotIcon=createIcon(routeDotIconData);export const RouteTwoPinsIcon=createIcon(routeTwoPinsIconData);export const CurveTestA=createIcon(curveTestAData);export const CurveTestB=createIcon(curveTestBData);export const CurveTestC=createIcon(curveTestCData);export const CurveTestD=createIcon(curveTestDData);export const CurveTestE=createIcon(curveTestEData);export const CurveTestF=createIcon(curveTestFData);export const CurveTestG=createIcon(curveTestGData);export const CurveTestH=createIcon(curveTestHData);export const CurveTestI=createIcon(curveTestIData);export const CurveTestJ=createIcon(curveTestJData);export const CurveTestK=createIcon(curveTestKData);export const CurveTestL=createIcon(curveTestLData);export const CurveTestM=createIcon(curveTestMData);export const CurveTestN=createIcon(curveTestNData);export const CurveTestO=createIcon(curveTestOData);export const CurveTestP=createIcon(curveTestPData);
+"use strict";
+
+/**
+ * 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`.
+ */
+
+import { createIcon } from "./icon-renderer.js";
+import { routePinIconData, routePathIconData, routeDotIconData, routeTwoPinsIconData,
+// Curve test variations
+curveTestAData, curveTestBData, curveTestCData, curveTestDData, curveTestEData, curveTestFData, curveTestGData, curveTestHData, curveTestIData, curveTestJData, curveTestKData, curveTestLData, curveTestMData, curveTestNData, curveTestOData, curveTestPData, ROUTES_ICON_COLOR } from "./generated/icon-data.g.js";
+export { ROUTES_ICON_COLOR };
+
+// Route Icon Parts (for testing/iteration)
+export const RoutePinIcon = createIcon(routePinIconData);
+export const RoutePathIcon = createIcon(routePathIconData);
+export const RouteDotIcon = createIcon(routeDotIconData);
+export const RouteTwoPinsIcon = createIcon(routeTwoPinsIconData);
+
+// Curve Test Variations (for finding the right S-curve approach)
+export const CurveTestA = createIcon(curveTestAData);
+export const CurveTestB = createIcon(curveTestBData);
+export const CurveTestC = createIcon(curveTestCData);
+export const CurveTestD = createIcon(curveTestDData);
+export const CurveTestE = createIcon(curveTestEData);
+export const CurveTestF = createIcon(curveTestFData);
+export const CurveTestG = createIcon(curveTestGData);
+export const CurveTestH = createIcon(curveTestHData);
+export const CurveTestI = createIcon(curveTestIData);
+export const CurveTestJ = createIcon(curveTestJData);
+export const CurveTestK = createIcon(curveTestKData);
+export const CurveTestL = createIcon(curveTestLData);
+export const CurveTestM = createIcon(curveTestMData);
+export const CurveTestN = createIcon(curveTestNData);
+export const CurveTestO = createIcon(curveTestOData);
+export const CurveTestP = createIcon(curveTestPData);

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

@@ -1 +1,6 @@
-"use strict";import{createRasterIcon}from"./raster-icon.js";export{SCENARIOS_ICON_COLOR}from"./generated/icon-data.g.js";export const ScenariosIcon=createRasterIcon("scenarios");
+"use strict";
+
+// Approved Scenarios + Otto artwork; Metro uses the native Image twin.
+import { createRasterIcon } from "./raster-icon.js";
+export { SCENARIOS_ICON_COLOR } from "./generated/icon-data.g.js";
+export const ScenariosIcon = createRasterIcon('scenarios');

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

@@ -1 +1,23 @@
-"use strict";import{Image}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export{SCENARIOS_ICON_COLOR}from"./generated/icon-data.g.js";const source=require("./assets/scenarios.png");export function ScenariosIcon({size:e=24,style:s}){return _jsx(Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},s]})}
+"use strict";
+
+import { Image } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { SCENARIOS_ICON_COLOR } from "./generated/icon-data.g.js";
+
+// Transparent Scenarios artwork with 48/96/144px density assets.
+const source = require('./assets/scenarios.png');
+export function ScenariosIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+}

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

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

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

@@ -1 +1,27 @@
-"use strict";import{memo}from"react";import{Image}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export{SENTRY_ICON_COLOR}from"./generated/icon-data.g.js";const source=require("./assets/sentry.png");export const SentryIcon=memo(function({size:e=24,color:t="#9945FF",style:r}){return _jsx(Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e,tintColor:t},r]})});
+"use strict";
+
+import { memo } from 'react';
+import { Image } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { SENTRY_ICON_COLOR } from "./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');
+export const SentryIcon = /*#__PURE__*/memo(function SentryIcon({
+  size = 24,
+  color = '#9945FF',
+  style
+}) {
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size,
+      tintColor: color
+    }, style]
+  });
+});

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

@@ -1 +1,7 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{settingsIconData}from"./generated/icon-data.g.js";import source from"./generated/settings-raster.g.js";export const SettingsSolidIcon=createBifRasterIcon(settingsIconData,source,3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { settingsIconData } from "./generated/icon-data.g.js";
+import source from "./generated/settings-raster.g.js";
+export const SettingsSolidIcon = createBifRasterIcon(settingsIconData, source, 3);

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

@@ -1 +1,6 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{settingsIconData}from"./generated/icon-data.g.js";export const SettingsSolidIcon=createBifRasterIcon(settingsIconData,require("./assets/settings.png"),3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { settingsIconData } from "./generated/icon-data.g.js";
+export const SettingsSolidIcon = createBifRasterIcon(settingsIconData, require('./assets/settings.png'), 3);

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

@@ -1 +1,8 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{storageIconData}from"./generated/icon-data.g.js";import source from"./generated/storage-raster.g.js";export{STORAGE_ICON_COLOR}from"./generated/icon-data.g.js";export const StorageIcon=createBifRasterIcon(storageIconData,source,3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { storageIconData } from "./generated/icon-data.g.js";
+import source from "./generated/storage-raster.g.js";
+export { STORAGE_ICON_COLOR } from "./generated/icon-data.g.js";
+export const StorageIcon = createBifRasterIcon(storageIconData, source, 3);

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

@@ -1 +1,7 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{storageIconData}from"./generated/icon-data.g.js";export{STORAGE_ICON_COLOR}from"./generated/icon-data.g.js";export const StorageIcon=createBifRasterIcon(storageIconData,require("./assets/storage.png"),3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { storageIconData } from "./generated/icon-data.g.js";
+export { STORAGE_ICON_COLOR } from "./generated/icon-data.g.js";
+export const StorageIcon = createBifRasterIcon(storageIconData, require('./assets/storage.png'), 3);

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

@@ -1 +1,6 @@
-"use strict";import{createRasterIcon}from"./raster-icon.js";export{TIME_MACHINE_ICON_COLOR}from"./generated/icon-data.g.js";export const TimeMachineIcon=createRasterIcon("time-machine");
+"use strict";
+
+// Approved TimeMachine + Otto artwork; Metro uses the native Image twin.
+import { createRasterIcon } from "./raster-icon.js";
+export { TIME_MACHINE_ICON_COLOR } from "./generated/icon-data.g.js";
+export const TimeMachineIcon = createRasterIcon('time-machine');

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

@@ -1 +1,23 @@
-"use strict";import{Image}from"react-native";import{jsx as _jsx}from"react/jsx-runtime";export{TIME_MACHINE_ICON_COLOR}from"./generated/icon-data.g.js";const source=require("./assets/time-machine.png");export function TimeMachineIcon({size:e=24,style:t}){return _jsx(Image,{source:source,resizeMode:"contain",fadeDuration:0,accessible:!1,style:[{width:e,height:e},t]})}
+"use strict";
+
+import { Image } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { TIME_MACHINE_ICON_COLOR } from "./generated/icon-data.g.js";
+
+// Transparent TimeMachine artwork with 48/96/144px density assets.
+const source = require('./assets/time-machine.png');
+export function TimeMachineIcon({
+  size = 24,
+  style
+}) {
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    resizeMode: "contain",
+    fadeDuration: 0,
+    accessible: false,
+    style: [{
+      width: size,
+      height: size
+    }, style]
+  });
+}

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

@@ -1 +1,8 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{wifiIconData}from"./generated/icon-data.g.js";import source from"./generated/wifi-raster.g.js";export{WIFI_ICON_COLOR}from"./generated/icon-data.g.js";export const WifiIcon=createBifRasterIcon(wifiIconData,source,3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { wifiIconData } from "./generated/icon-data.g.js";
+import source from "./generated/wifi-raster.g.js";
+export { WIFI_ICON_COLOR } from "./generated/icon-data.g.js";
+export const WifiIcon = createBifRasterIcon(wifiIconData, source, 3);

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

@@ -1 +1,7 @@
-"use strict";import{createBifRasterIcon}from"./bif-raster-icon";import{wifiIconData}from"./generated/icon-data.g.js";export{WIFI_ICON_COLOR}from"./generated/icon-data.g.js";export const WifiIcon=createBifRasterIcon(wifiIconData,require("./assets/wifi.png"),3);
+"use strict";
+
+// Generated by scripts/sync-raster-icons.cjs.
+import { createBifRasterIcon } from './bif-raster-icon';
+import { wifiIconData } from "./generated/icon-data.g.js";
+export { WIFI_ICON_COLOR } from "./generated/icon-data.g.js";
+export const WifiIcon = createBifRasterIcon(wifiIconData, require('./assets/wifi.png'), 3);

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

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

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

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

package/lib/module/index.js

@@ -1 +1,128 @@
-"use strict";export{FloatingToolsStore}from"./FloatingToolsStore.js";export{monoFont}from"./fonts";export*from"./icons/generated/glyph-icons.g.js";export{VISIBLE_HANDLE_WIDTH,DRAG_THRESHOLD,ANIMATION_DURATION,EDGE_PADDING,SAVE_DEBOUNCE_MS,STORAGE_KEYS}from"./constants.js";export{DevToolsStateManager,devToolsStateManager,devToolsReducer}from"./devToolsState.js";export{getUserStatusConfig,getGripIconLayout,filterValidChildren}from"./utils.js";export{easing,getEasing,interpolate,interpolatePosition}from"./easing.js";export{floatingToolsColors,withAlpha}from"./colors.js";export{MAX_DIAL_SLOTS,DIAL_START_ANGLE,DIAL_BUTTON_SIZE,DIAL_ICON_SIZE,DIAL_ICON_GLYPH_SIZE,DIAL_ICON_PADDING,DIAL_GRID_LINE_COUNT,dialColors,dialStyles,getGridLineRotations,getDialLayout,getIconAngle,getIconPosition,getAllIconPositions,dialAnimationConfig,getIconStaggerInputRange,dialCSSBeziers,generateDialCSSKeyframes,getDialCSSAnimationStyles,getDialCSSKeyframesString,getSpiralAnimationPosition,getStaggeredIconProgress}from"./dial.js";export{USAGE_HALF_LIFE_MS,USAGE_MIN_SCORE,decayScore,recordUsage,rankToolIds,pruneUsage}from"./dialUsage.js";export{SETTINGS_STORAGE_KEY,MAX_SETTINGS_DIAL_SLOTS,settingsTabs,settingsColors,toolColors,getToolColor,settingsStyles,toolLabels,getToolLabel,toolDescriptions,getToolDescription,globalSettingsConfig,enforceDialLimit,sanitizeFloatingSettings,mergeSettingsWithDefaults,generateDefaultSettings,countEnabledTools,canEnableDialTool,getEnabledToolIds,SettingsEventBus,settingsEventBus}from"./settings.js";export{NetworkIcon,NETWORK_ICON_COLOR}from"./icons/network-icon";export{EnvIcon,ENV_ICON_COLOR}from"./icons/env-icon";export{StorageIcon,STORAGE_ICON_COLOR}from"./icons/storage-icon";export{RoutesIcon,RoutePinIcon,RoutePathIcon,RouteDotIcon,RouteTwoPinsIcon,CurveTestA,CurveTestB,CurveTestC,CurveTestD,CurveTestE,CurveTestF,CurveTestG,CurveTestH,CurveTestI,CurveTestJ,CurveTestK,CurveTestL,CurveTestM,CurveTestN,CurveTestO,CurveTestP,ROUTES_ICON_COLOR}from"./icons/routes-icon";export{QueryIcon,QUERY_ICON_COLOR}from"./icons/query-icon";export{HighlighterIcon,HIGHLIGHTER_ICON_COLOR,RendersIcon,RENDERS_ICON_COLOR}from"./icons/renders-icon";export{BenchmarkIcon,BENCHMARK_ICON_COLOR}from"./icons/benchmark-icon";export{SentryIcon,SENTRY_ICON_COLOR}from"./icons/sentry-icon";export{SettingsSolidIcon}from"./icons/settings-icon";export{WifiIcon,WIFI_ICON_COLOR}from"./icons/wifi-icon";export{HighlightIcon,HIGHLIGHT_ICON_COLOR}from"./icons/highlight-icon";export{ReduxIcon,REDUX_ICON_COLOR}from"./icons/redux-icon";export{EventsIcon,EVENTS_ICON_COLOR}from"./icons/events-icon";export{ConsoleIcon,CONSOLE_ICON_COLOR}from"./icons/console-icon";export{TimeMachineIcon,TIME_MACHINE_ICON_COLOR}from"./icons/time-machine-icon";export{ScenariosIcon,SCENARIOS_ICON_COLOR}from"./icons/scenarios-icon";export{AskBuoyIcon,ASK_BUOY_ICON_COLOR}from"./icons/ask-buoy-icon";export{ImagesIcon,IMAGES_ICON_COLOR}from"./icons/images-icon";export{CameraIcon,CAMERA_ICON_COLOR}from"./icons/camera-icon";export{AssetsIcon,ASSETS_ICON_COLOR}from"./icons/assets-icon";export{ImpersonateIcon,IMPERSONATE_ICON_COLOR}from"./icons/impersonate-icon";export{ImageOverlayIcon,IMAGE_OVERLAY_ICON_COLOR}from"./icons/image-overlay-icon";export{ZustandIcon,ZUSTAND_ICON_COLOR}from"./icons/zustand-icon";export{JotaiIcon,JOTAI_ICON_COLOR}from"./icons/jotai-icon";export{RiverpodIcon,RIVERPOD_ICON_COLOR}from"./icons/riverpod-icon";export{createNode,createLine,createRing,createDot,createGlow,createArrow,createBar}from"./icons/icon-factories.js";export{renderIconData,createIcon}from"./icons/icon-renderer.js";
+"use strict";
+
+/**
+ * @buoy-gg/floating-tools-core
+ *
+ * Headless core for floating tools - shared logic for web and React Native.
+ *
+ * This package contains platform-agnostic business logic:
+ * - Position state management
+ * - Drag detection (tap vs drag)
+ * - Hide/show toggle
+ * - Auto-hide when dragged past edge
+ * - Position persistence
+ * - Animation easing functions
+ * - Shared utilities
+ *
+ * Use this with platform-specific bindings:
+ * - Web: Use with mouse events and requestAnimationFrame
+ * - React Native: Use with PanResponder and Animated
+ */
+
+// Core store
+export { FloatingToolsStore } from "./FloatingToolsStore.js";
+
+// The monospace family, per platform — never write `fontFamily: "monospace"`.
+export { monoFont } from './fonts';
+
+// 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";
+
+// Types
+
+// DevTools State Management
+export { DevToolsStateManager, devToolsStateManager, devToolsReducer } from "./devToolsState.js";
+
+// Utilities
+export { getUserStatusConfig, getGripIconLayout, filterValidChildren } from "./utils.js";
+
+// Easing
+export { easing, getEasing, interpolate, interpolatePosition } from "./easing.js";
+
+// Colors
+export { floatingToolsColors, withAlpha } from "./colors.js";
+
+// Dial Menu
+export {
+// === Constants ===
+MAX_DIAL_SLOTS, DIAL_START_ANGLE, DIAL_BUTTON_SIZE, DIAL_ICON_SIZE, DIAL_ICON_GLYPH_SIZE, DIAL_ICON_PADDING, DIAL_GRID_LINE_COUNT,
+// === Colors & Styling ===
+dialColors, dialStyles, getGridLineRotations,
+// === Layout ===
+getDialLayout, getIconAngle, getIconPosition, getAllIconPositions,
+// === Animation Config (Primary) ===
+dialAnimationConfig, getIconStaggerInputRange,
+// === CSS Animation Helpers (Web) ===
+dialCSSBeziers, generateDialCSSKeyframes, getDialCSSAnimationStyles, getDialCSSKeyframesString,
+// === Animation Utilities (Advanced) ===
+// These provide additional helpers for custom implementations
+getSpiralAnimationPosition, getStaggeredIconProgress
+
+// === Types ===
+} from "./dial.js";
+
+// Dial Usage Tracking
+export { USAGE_HALF_LIFE_MS, USAGE_MIN_SCORE, decayScore, recordUsage, rankToolIds, pruneUsage } from "./dialUsage.js";
+
+// Settings
+export {
+// === Constants ===
+SETTINGS_STORAGE_KEY, MAX_SETTINGS_DIAL_SLOTS,
+// === Tab Configuration ===
+settingsTabs,
+// === Colors & Styling ===
+settingsColors, toolColors, getToolColor, settingsStyles,
+// === Tool Metadata ===
+toolLabels, getToolLabel, toolDescriptions, getToolDescription,
+// === Global Settings Config ===
+globalSettingsConfig,
+// === Core Logic ===
+enforceDialLimit, sanitizeFloatingSettings, mergeSettingsWithDefaults, generateDefaultSettings, countEnabledTools, canEnableDialTool, getEnabledToolIds,
+// === Event Bus ===
+SettingsEventBus, settingsEventBus
+
+// === Types ===
+} from "./settings.js";
+
+// Icons - Single source of truth (just import and use!)
+export { NetworkIcon, NETWORK_ICON_COLOR } from './icons/network-icon';
+export { EnvIcon, ENV_ICON_COLOR } from './icons/env-icon';
+export { StorageIcon, STORAGE_ICON_COLOR } from './icons/storage-icon';
+export { RoutesIcon, RoutePinIcon, RoutePathIcon, RouteDotIcon, RouteTwoPinsIcon,
+// Curve test variations
+CurveTestA, CurveTestB, CurveTestC, CurveTestD, CurveTestE, CurveTestF, CurveTestG, CurveTestH, CurveTestI, CurveTestJ, CurveTestK, CurveTestL, CurveTestM, CurveTestN, CurveTestO, CurveTestP, ROUTES_ICON_COLOR } from './icons/routes-icon';
+export { QueryIcon, QUERY_ICON_COLOR } from './icons/query-icon';
+export { HighlighterIcon, HIGHLIGHTER_ICON_COLOR,
+// Legacy aliases for backward compatibility
+RendersIcon, RENDERS_ICON_COLOR } from './icons/renders-icon';
+export { BenchmarkIcon, BENCHMARK_ICON_COLOR } from './icons/benchmark-icon';
+export { SentryIcon, SENTRY_ICON_COLOR } from './icons/sentry-icon';
+export { SettingsSolidIcon } from './icons/settings-icon';
+export { WifiIcon, WIFI_ICON_COLOR } from './icons/wifi-icon';
+export { HighlightIcon, HIGHLIGHT_ICON_COLOR } from './icons/highlight-icon';
+export { ReduxIcon, REDUX_ICON_COLOR } from './icons/redux-icon';
+export { EventsIcon, EVENTS_ICON_COLOR } from './icons/events-icon';
+export { ConsoleIcon, CONSOLE_ICON_COLOR } from './icons/console-icon';
+export { TimeMachineIcon, TIME_MACHINE_ICON_COLOR } from './icons/time-machine-icon';
+export { ScenariosIcon, SCENARIOS_ICON_COLOR } from './icons/scenarios-icon';
+export { AskBuoyIcon, ASK_BUOY_ICON_COLOR } from './icons/ask-buoy-icon';
+export { ImagesIcon, IMAGES_ICON_COLOR } from './icons/images-icon';
+export { CameraIcon, CAMERA_ICON_COLOR } from './icons/camera-icon';
+export { AssetsIcon, ASSETS_ICON_COLOR } from './icons/assets-icon';
+export { ImpersonateIcon, IMPERSONATE_ICON_COLOR } from './icons/impersonate-icon';
+export { ImageOverlayIcon, IMAGE_OVERLAY_ICON_COLOR } from './icons/image-overlay-icon';
+export { ZustandIcon, ZUSTAND_ICON_COLOR } from './icons/zustand-icon';
+export { JotaiIcon, JOTAI_ICON_COLOR } from './icons/jotai-icon';
+export { RiverpodIcon, RIVERPOD_ICON_COLOR } from './icons/riverpod-icon';
+
+// Icon Factories - Helper functions for creating icon elements
+export { createNode, createLine, createRing, createDot, createGlow, createArrow, createBar } from "./icons/icon-factories.js";
+
+// Icon Renderer - For custom icon creation
+export { renderIconData, createIcon } from "./icons/icon-renderer.js";