@buoy-gg/redux 2.1.11 → 2.1.13

package/lib/module/redux/components/ReduxActionItem.js

@@ -1,362 +1 @@
-"use strict";
-
-/**
- * Compact list item for displaying a Redux action
- * Uses shared CompactRow for consistent styling with React Query devtools
- */
-
-import { View, Text, StyleSheet } from "react-native";
-import { CompactRow, buoyColors, Zap, AlertCircle, Clock, useRelativeTime } from "@buoy-gg/shared-ui";
-import { reduxActionStore } from "../utils/reduxActionStore";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * Color palette for async operation badges
- * Each operation gets a distinct color to make matching easy
- */
-const OPERATION_COLORS = [{
-  bg: "rgba(99, 102, 241, 0.25)",
-  text: "#818CF8"
-},
-// indigo
-{
-  bg: "rgba(236, 72, 153, 0.25)",
-  text: "#F472B6"
-},
-// pink
-{
-  bg: "rgba(14, 165, 233, 0.25)",
-  text: "#38BDF8"
-},
-// sky
-{
-  bg: "rgba(245, 158, 11, 0.25)",
-  text: "#FBBF24"
-},
-// amber
-{
-  bg: "rgba(16, 185, 129, 0.25)",
-  text: "#34D399"
-},
-// emerald
-{
-  bg: "rgba(168, 85, 247, 0.25)",
-  text: "#C084FC"
-},
-// purple
-{
-  bg: "rgba(239, 68, 68, 0.25)",
-  text: "#F87171"
-},
-// red
-{
-  bg: "rgba(20, 184, 166, 0.25)",
-  text: "#2DD4BF"
-} // teal
-];
-function getOperationColor(index) {
-  if (index <= 0) return {
-    bg: "rgba(142, 142, 147, 0.2)",
-    text: buoyColors.textSecondary
-  };
-  return OPERATION_COLORS[(index - 1) % OPERATION_COLORS.length];
-}
-
-/**
- * Slice color palette - consistent colors per slice name
- * Makes it easy to visually track actions from the same slice
- */
-const SLICE_COLORS = {
-  cart: "#10B981",
-  // emerald - shopping/commerce
-  user: "#3B82F6",
-  // blue - user related
-  auth: "#8B5CF6",
-  // purple - authentication
-  app: "#6366F1",
-  // indigo - app-wide
-  ui: "#EC4899",
-  // pink - UI state
-  settings: "#F59E0B",
-  // amber - settings
-  api: "#14B8A6",
-  // teal - API calls
-  data: "#06B6D4" // cyan - data management
-};
-
-/**
- * Get consistent color for a slice based on its name
- */
-function getSliceColor(sliceName) {
-  if (!sliceName) return "#6B7280"; // gray for unknown
-
-  const lowerSlice = sliceName.toLowerCase();
-
-  // Check for exact match first
-  if (SLICE_COLORS[lowerSlice]) {
-    return SLICE_COLORS[lowerSlice];
-  }
-
-  // Check for partial matches
-  for (const [key, color] of Object.entries(SLICE_COLORS)) {
-    if (lowerSlice.includes(key)) {
-      return color;
-    }
-  }
-
-  // Generate consistent color from slice name hash
-  const hash = sliceName.split('').reduce((acc, char) => acc + char.charCodeAt(0), 0);
-  const hue = hash * 137 % 360;
-  return `hsl(${hue}, 70%, 60%)`;
-}
-
-/**
- * Get status label based on category and slice
- */
-function getStatusLabel(category, sliceName) {
-  switch (category) {
-    case "pending":
-      return "Pending";
-    case "fulfilled":
-      return "Success";
-    case "rejected":
-      return "Error";
-    case "internal":
-      return "Internal";
-    case "query":
-      return "Query";
-    case "mutation":
-      return "Mutation";
-    default:
-      // For regular actions, show slice name if available
-      return sliceName ? sliceName.charAt(0).toUpperCase() + sliceName.slice(1) : "Action";
-  }
-}
-
-/**
- * Get color for action category
- */
-function getStatusColor(category, hasStateChange, sliceName) {
-  switch (category) {
-    case "pending":
-      return buoyColors.warning;
-    case "fulfilled":
-      return buoyColors.success;
-    case "rejected":
-      return buoyColors.error;
-    case "internal":
-      return buoyColors.textMuted;
-    case "query":
-      return buoyColors.info;
-    case "mutation":
-      return buoyColors.info;
-    default:
-      // For regular actions, use slice-based color
-      return getSliceColor(sliceName);
-  }
-}
-
-/**
- * Get sublabel with duration and diff info
- */
-function getSublabel(action) {
-  const parts = [];
-
-  // Add duration if available and meaningful
-  if (action.duration !== undefined && action.duration >= 0.1) {
-    parts.push(`${action.duration.toFixed(1)}ms`);
-  }
-
-  // Add diff summary - be more descriptive
-  if (action.hasStateChange) {
-    if (action.changedKeysCount && action.changedKeysCount > 0) {
-      parts.push(`${action.changedKeysCount} key${action.changedKeysCount > 1 ? 's' : ''} changed`);
-    } else {
-      parts.push(action.diffSummary || "state changed");
-    }
-  } else {
-    parts.push("no state change");
-  }
-  return parts.join(" · ");
-}
-
-/**
- * Get action name badge text
- */
-function getActionBadge(action) {
-  // Show the action name in uppercase (e.g., ADDITEM, ORDERCOMPLETED)
-  return action.actionName?.toUpperCase() || action.type.split('/').pop()?.toUpperCase() || "";
-}
-
-/**
- * Get primary text - use action name for cleaner display
- */
-function getPrimaryText(action) {
-  // For internal actions, show the full type
-  if (action.category === "internal") {
-    return action.type;
-  }
-
-  // For others, show slice/actionName format
-  if (action.sliceName) {
-    return `${action.sliceName}/${action.actionName.toLowerCase()}`;
-  }
-  return action.type;
-}
-export function ReduxActionItem({
-  action,
-  onPress
-}) {
-  const relativeTime = useRelativeTime(action.timestamp);
-  const sliceName = action.sliceName ?? undefined;
-  const statusColor = getStatusColor(action.category, action.hasStateChange, sliceName);
-  const statusLabel = getStatusLabel(action.category, sliceName);
-  const sublabel = getSublabel(action);
-  const primaryText = getPrimaryText(action);
-  const actionBadge = getActionBadge(action);
-
-  // Check for linked async actions
-  const linkedActions = reduxActionStore.getLinkedActions(action);
-  const linkedCount = linkedActions.length;
-  const hasLinkedActions = linkedCount > 1;
-
-  // Get position in async sequence (1/2, 2/2, etc.)
-  const asyncPosition = hasLinkedActions ? linkedActions.findIndex(a => a.id === action.id) + 1 : 0;
-
-  // Get sequential operation index to distinguish concurrent requests (#1, #2, etc.)
-  const operationIndex = hasLinkedActions && action.meta?.requestId ? reduxActionStore.getAsyncOperationIndex(action.meta.requestId) : 0;
-
-  // Get color for this operation's badge
-  const opColor = getOperationColor(operationIndex);
-
-  // Custom badge showing state change, slow action, or linked indicator
-  let customBadge = undefined;
-  if (action.isSlowAction) {
-    // Show slow action warning
-    customBadge = /*#__PURE__*/_jsxs(View, {
-      style: styles.badgeContainer,
-      children: [hasLinkedActions && /*#__PURE__*/_jsx(View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.slowBadge,
-        children: /*#__PURE__*/_jsx(Clock, {
-          size: 12,
-          color: buoyColors.error
-        })
-      })]
-    });
-  } else if (action.category === "rejected") {
-    // Show error badge for rejected actions
-    customBadge = /*#__PURE__*/_jsxs(View, {
-      style: styles.badgeContainer,
-      children: [hasLinkedActions && /*#__PURE__*/_jsx(View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.errorBadge,
-        children: /*#__PURE__*/_jsx(AlertCircle, {
-          size: 12,
-          color: buoyColors.error
-        })
-      })]
-    });
-  } else if (hasLinkedActions) {
-    // Show linked indicator for async actions
-    customBadge = /*#__PURE__*/_jsxs(View, {
-      style: styles.badgeContainer,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.asyncSequenceBadge, {
-          backgroundColor: opColor.bg
-        }],
-        children: /*#__PURE__*/_jsxs(Text, {
-          style: [styles.asyncSequenceText, {
-            color: opColor.text
-          }],
-          children: [asyncPosition, "/", linkedCount, " #", operationIndex]
-        })
-      }), action.hasStateChange && /*#__PURE__*/_jsx(View, {
-        style: styles.changeBadge,
-        children: /*#__PURE__*/_jsx(Zap, {
-          size: 12,
-          color: buoyColors.warning
-        })
-      })]
-    });
-  } else if (action.hasStateChange) {
-    // Show state change indicator with action badge
-    customBadge = /*#__PURE__*/_jsxs(View, {
-      style: styles.badgeContainer,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: [styles.actionBadgeText, {
-          color: statusColor
-        }],
-        children: actionBadge
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.changeBadge,
-        children: /*#__PURE__*/_jsx(Zap, {
-          size: 12,
-          color: buoyColors.warning
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(CompactRow, {
-    statusDotColor: statusColor,
-    statusLabel: statusLabel,
-    statusSublabel: sublabel,
-    primaryText: primaryText,
-    bottomRightText: relativeTime
-    // Use customBadge if we have special indicators, otherwise show action badge as text
-    ,
-    customBadge: customBadge,
-    badgeText: customBadge ? undefined : actionBadge,
-    badgeColor: statusColor,
-    showChevron: true,
-    onPress: () => onPress(action)
-  });
-}
-const styles = StyleSheet.create({
-  badgeContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  actionBadgeText: {
-    fontSize: 11,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  },
-  changeBadge: {
-    paddingHorizontal: 4
-  },
-  slowBadge: {
-    paddingHorizontal: 4
-  },
-  errorBadge: {
-    paddingHorizontal: 4
-  },
-  asyncSequenceBadge: {
-    paddingHorizontal: 6,
-    paddingVertical: 2,
-    borderRadius: 4
-  },
-  asyncSequenceText: {
-    fontSize: 10,
-    fontWeight: "600",
-    fontFamily: "monospace"
-  }
-});
+"use strict";import{View,Text,StyleSheet}from"react-native";import{CompactRow,buoyColors,Zap,AlertCircle,Clock,useRelativeTime}from"@buoy-gg/shared-ui";import{reduxActionStore}from"../utils/reduxActionStore";import{jsxs as _jsxs,jsx as _jsx}from"react/jsx-runtime";const OPERATION_COLORS=[{bg:"rgba(99, 102, 241, 0.25)",text:"#818CF8"},{bg:"rgba(236, 72, 153, 0.25)",text:"#F472B6"},{bg:"rgba(14, 165, 233, 0.25)",text:"#38BDF8"},{bg:"rgba(245, 158, 11, 0.25)",text:"#FBBF24"},{bg:"rgba(16, 185, 129, 0.25)",text:"#34D399"},{bg:"rgba(168, 85, 247, 0.25)",text:"#C084FC"},{bg:"rgba(239, 68, 68, 0.25)",text:"#F87171"},{bg:"rgba(20, 184, 166, 0.25)",text:"#2DD4BF"}];function getOperationColor(e){return e<=0?{bg:"rgba(142, 142, 147, 0.2)",text:buoyColors.textSecondary}:OPERATION_COLORS[(e-1)%OPERATION_COLORS.length]}const SLICE_COLORS={cart:"#10B981",user:"#3B82F6",auth:"#8B5CF6",app:"#6366F1",ui:"#EC4899",settings:"#F59E0B",api:"#14B8A6",data:"#06B6D4"};function getSliceColor(e){if(!e)return"#6B7280";const t=e.toLowerCase();if(SLICE_COLORS[t])return SLICE_COLORS[t];for(const[e,r]of Object.entries(SLICE_COLORS))if(t.includes(e))return r;return`hsl(${137*e.split("").reduce((e,t)=>e+t.charCodeAt(0),0)%360}, 70%, 60%)`}function getStatusLabel(e,t){switch(e){case"pending":return"Pending";case"fulfilled":return"Success";case"rejected":return"Error";case"internal":return"Internal";case"query":return"Query";case"mutation":return"Mutation";default:return t?t.charAt(0).toUpperCase()+t.slice(1):"Action"}}function getStatusColor(e,t,r){switch(e){case"pending":return buoyColors.warning;case"fulfilled":return buoyColors.success;case"rejected":return buoyColors.error;case"internal":return buoyColors.textMuted;case"query":case"mutation":return buoyColors.info;default:return getSliceColor(r)}}function getSublabel(e){const t=[];return void 0!==e.duration&&e.duration>=.1&&t.push(`${e.duration.toFixed(1)}ms`),e.hasStateChange?e.changedKeysCount&&e.changedKeysCount>0?t.push(`${e.changedKeysCount} key${e.changedKeysCount>1?"s":""} changed`):t.push(e.diffSummary||"state changed"):t.push("no state change"),t.join(" · ")}function getActionBadge(e){return e.actionName?.toUpperCase()||e.type.split("/").pop()?.toUpperCase()||""}function getPrimaryText(e){return"internal"===e.category?e.type:e.sliceName?`${e.sliceName}/${e.actionName.toLowerCase()}`:e.type}export function ReduxActionItem({action:e,onPress:t}){const r=useRelativeTime(e.timestamp),o=e.sliceName??void 0,s=getStatusColor(e.category,e.hasStateChange,o),n=getStatusLabel(e.category,o),a=getSublabel(e),i=getPrimaryText(e),c=getActionBadge(e),l=reduxActionStore.getLinkedActions(e),u=l.length,g=u>1,d=g?l.findIndex(t=>t.id===e.id)+1:0,y=g&&e.meta?.requestId?reduxActionStore.getAsyncOperationIndex(e.meta.requestId):0,x=getOperationColor(y);let C;return e.isSlowAction?C=_jsxs(View,{style:styles.badgeContainer,children:[g&&_jsx(View,{style:[styles.asyncSequenceBadge,{backgroundColor:x.bg}],children:_jsxs(Text,{style:[styles.asyncSequenceText,{color:x.text}],children:[d,"/",u," #",y]})}),_jsx(View,{style:styles.slowBadge,children:_jsx(Clock,{size:12,color:buoyColors.error})})]}):"rejected"===e.category?C=_jsxs(View,{style:styles.badgeContainer,children:[g&&_jsx(View,{style:[styles.asyncSequenceBadge,{backgroundColor:x.bg}],children:_jsxs(Text,{style:[styles.asyncSequenceText,{color:x.text}],children:[d,"/",u," #",y]})}),_jsx(View,{style:styles.errorBadge,children:_jsx(AlertCircle,{size:12,color:buoyColors.error})})]}):g?C=_jsxs(View,{style:styles.badgeContainer,children:[_jsx(View,{style:[styles.asyncSequenceBadge,{backgroundColor:x.bg}],children:_jsxs(Text,{style:[styles.asyncSequenceText,{color:x.text}],children:[d,"/",u," #",y]})}),e.hasStateChange&&_jsx(View,{style:styles.changeBadge,children:_jsx(Zap,{size:12,color:buoyColors.warning})})]}):e.hasStateChange&&(C=_jsxs(View,{style:styles.badgeContainer,children:[_jsx(Text,{style:[styles.actionBadgeText,{color:s}],children:c}),_jsx(View,{style:styles.changeBadge,children:_jsx(Zap,{size:12,color:buoyColors.warning})})]})),_jsx(CompactRow,{statusDotColor:s,statusLabel:n,statusSublabel:a,primaryText:i,bottomRightText:r,customBadge:C,badgeText:C?void 0:c,badgeColor:s,showChevron:!0,onPress:()=>t(e)})}const styles=StyleSheet.create({badgeContainer:{flexDirection:"row",alignItems:"center",gap:4},actionBadgeText:{fontSize:11,fontWeight:"600",fontFamily:"monospace"},changeBadge:{paddingHorizontal:4},slowBadge:{paddingHorizontal:4},errorBadge:{paddingHorizontal:4},asyncSequenceBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:4},asyncSequenceText:{fontSize:10,fontWeight:"600",fontFamily:"monospace"}});

package/lib/module/redux/components/ReduxDetailViewToggle.js

@@ -1,129 +1 @@
-"use strict";
-
-/**
- * ReduxDetailViewToggle
- *
- * Three-card toggle for switching between Action, State, and Diff views.
- * Redux-specific component for the enhanced detail view.
- */
-
-import React, { memo } from "react";
-import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { macOSColors, FileText, Database, GitBranch } from "@buoy-gg/shared-ui";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VIEW_CONFIGS = [{
-  key: "action",
-  label: "ACTION",
-  description: "View action details",
-  icon: FileText,
-  activeColor: macOSColors.semantic.warning
-}, {
-  key: "state",
-  label: "STATE",
-  description: "View current state",
-  icon: Database,
-  activeColor: macOSColors.semantic.info
-}, {
-  key: "diff",
-  label: "DIFF",
-  description: "Compare changes",
-  icon: GitBranch,
-  activeColor: macOSColors.semantic.success
-}];
-export const ReduxDetailViewToggle = /*#__PURE__*/memo(function ReduxDetailViewToggle({
-  activeView,
-  onViewChange,
-  diffDisabled = false
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: VIEW_CONFIGS.map(config => {
-      const isActive = activeView === config.key;
-      const isDisabled = config.key === "diff" && diffDisabled;
-      const IconComponent = config.icon;
-      return /*#__PURE__*/_jsxs(TouchableOpacity, {
-        style: [styles.card, isActive && [styles.cardActive, {
-          borderColor: config.activeColor
-        }], isDisabled && styles.cardDisabled],
-        onPress: () => !isDisabled && onViewChange(config.key),
-        activeOpacity: isDisabled ? 1 : 0.8,
-        disabled: isDisabled,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.cardContent,
-          children: [/*#__PURE__*/_jsx(IconComponent, {
-            size: 14,
-            color: isActive ? config.activeColor : isDisabled ? macOSColors.text.muted : macOSColors.text.secondary
-          }), /*#__PURE__*/_jsx(Text, {
-            style: [styles.cardLabel, isActive && [styles.cardLabelActive, {
-              color: config.activeColor
-            }], isDisabled && styles.cardLabelDisabled],
-            children: config.label
-          })]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: [styles.cardDescription, isActive && styles.cardDescriptionActive, isDisabled && styles.cardDescriptionDisabled],
-          children: config.description
-        })]
-      }, config.key);
-    })
-  });
-});
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    gap: 8,
-    padding: 14,
-    backgroundColor: macOSColors.background.base
-  },
-  card: {
-    flex: 1,
-    backgroundColor: macOSColors.background.card,
-    borderRadius: 12,
-    borderWidth: 1,
-    borderColor: macOSColors.border.default,
-    padding: 10,
-    gap: 4
-  },
-  cardActive: {
-    borderWidth: 1.5,
-    backgroundColor: "rgba(0, 184, 230, 0.05)",
-    shadowColor: macOSColors.semantic.info,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 3
-  },
-  cardDisabled: {
-    opacity: 0.5
-  },
-  cardContent: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  cardLabel: {
-    fontSize: 10,
-    fontWeight: "700",
-    letterSpacing: 0.5,
-    color: macOSColors.text.secondary
-  },
-  cardLabelActive: {
-    color: macOSColors.text.primary
-  },
-  cardLabelDisabled: {
-    color: macOSColors.text.muted
-  },
-  cardDescription: {
-    fontSize: 9,
-    color: macOSColors.text.muted,
-    lineHeight: 12
-  },
-  cardDescriptionActive: {
-    color: macOSColors.text.secondary
-  },
-  cardDescriptionDisabled: {
-    color: macOSColors.text.muted
-  }
-});
+"use strict";import React,{memo}from"react";import{View,Text,TouchableOpacity,StyleSheet}from"react-native";import{macOSColors,FileText,Database,GitBranch}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const VIEW_CONFIGS=[{key:"action",label:"ACTION",description:"View action details",icon:FileText,activeColor:macOSColors.semantic.warning},{key:"state",label:"STATE",description:"View current state",icon:Database,activeColor:macOSColors.semantic.info},{key:"diff",label:"DIFF",description:"Compare changes",icon:GitBranch,activeColor:macOSColors.semantic.success}];export const ReduxDetailViewToggle=memo(function({activeView:e,onViewChange:o,diffDisabled:t=!1}){return _jsx(View,{style:styles.container,children:VIEW_CONFIGS.map(a=>{const r=e===a.key,c="diff"===a.key&&t,i=a.icon;return _jsxs(TouchableOpacity,{style:[styles.card,r&&[styles.cardActive,{borderColor:a.activeColor}],c&&styles.cardDisabled],onPress:()=>!c&&o(a.key),activeOpacity:c?1:.8,disabled:c,children:[_jsxs(View,{style:styles.cardContent,children:[_jsx(i,{size:14,color:r?a.activeColor:c?macOSColors.text.muted:macOSColors.text.secondary}),_jsx(Text,{style:[styles.cardLabel,r&&[styles.cardLabelActive,{color:a.activeColor}],c&&styles.cardLabelDisabled],children:a.label})]}),_jsx(Text,{style:[styles.cardDescription,r&&styles.cardDescriptionActive,c&&styles.cardDescriptionDisabled],children:a.description})]},a.key)})})});const styles=StyleSheet.create({container:{flexDirection:"row",gap:8,padding:14,backgroundColor:macOSColors.background.base},card:{flex:1,backgroundColor:macOSColors.background.card,borderRadius:12,borderWidth:1,borderColor:macOSColors.border.default,padding:10,gap:4},cardActive:{borderWidth:1.5,backgroundColor:"rgba(0, 184, 230, 0.05)",shadowColor:macOSColors.semantic.info,shadowOffset:{width:0,height:2},shadowOpacity:.1,shadowRadius:8,elevation:3},cardDisabled:{opacity:.5},cardContent:{flexDirection:"row",alignItems:"center",gap:6},cardLabel:{fontSize:10,fontWeight:"700",letterSpacing:.5,color:macOSColors.text.secondary},cardLabelActive:{color:macOSColors.text.primary},cardLabelDisabled:{color:macOSColors.text.muted},cardDescription:{fontSize:9,color:macOSColors.text.muted,lineHeight:12},cardDescriptionActive:{color:macOSColors.text.secondary},cardDescriptionDisabled:{color:macOSColors.text.muted}});

package/lib/module/redux/components/ReduxIcon.js

@@ -1,8 +1 @@
-"use strict";
-
-/**
- * Redux DevTools icon
- * Re-exports from floating-tools-core for consistency
- */
-
-export { ReduxIcon, REDUX_ICON_COLOR } from "@buoy-gg/floating-tools-core";
+"use strict";export{ReduxIcon,REDUX_ICON_COLOR}from"@buoy-gg/floating-tools-core";