@sudobility/components 4.0.23 → 4.0.25

package/dist/dev-tools/PerformancePanel/PerformancePanel.d.ts

@@ -0,0 +1,55 @@
+import { default as React } from 'react';
+import { CustomMetric } from './sections/CustomSection';
+import { WebVitalsMetrics } from './hooks/useWebVitals';
+import { BundleMetrics } from './hooks/useBundleMetrics';
+import { ApiMetrics } from './hooks/useApiMetrics';
+export type PerformancePanelSection = 'webVitals' | 'bundle' | 'api' | 'memory' | 'custom';
+export interface PerformancePanelProps {
+    /** Enable the panel (default: only in development) */
+    enabled?: boolean;
+    /** Start collapsed (default: true) */
+    defaultCollapsed?: boolean;
+    /** Start visible (default: true) */
+    defaultVisible?: boolean;
+    /** Position on screen */
+    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** Enable dragging (default: true) */
+    draggable?: boolean;
+    /** Sections to display (default: all) */
+    sections?: PerformancePanelSection[];
+    /** Custom metrics to display */
+    customMetrics?: CustomMetric[];
+    /** Custom section title */
+    customSectionTitle?: string;
+    /** API URL patterns to track */
+    apiPatterns?: string[];
+    /** Callback when metrics update */
+    onMetricsUpdate?: (metrics: {
+        webVitals: WebVitalsMetrics;
+        bundle: BundleMetrics;
+        api: ApiMetrics;
+    }) => void;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * PerformancePanel - A floating dev panel for monitoring performance metrics
+ *
+ * @example
+ * ```tsx
+ * // Basic usage (dev only)
+ * <PerformancePanel />
+ *
+ * // With custom metrics
+ * <PerformancePanel
+ *   customMetrics={[
+ *     { id: 'walletConnect', label: 'Wallet Connect', value: 245, unit: 'ms' },
+ *   ]}
+ * />
+ *
+ * // Specific sections only
+ * <PerformancePanel sections={['webVitals', 'api']} />
+ * ```
+ */
+export declare const PerformancePanel: React.FC<PerformancePanelProps>;
+//# sourceMappingURL=PerformancePanel.d.ts.map

package/dist/dev-tools/PerformancePanel/PerformancePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerformancePanel.d.ts","sourceRoot":"","sources":["../../../src/dev-tools/PerformancePanel/PerformancePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAQrD,OAAO,EAAiB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAgB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAoB,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAiB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGlE,MAAM,MAAM,uBAAuB,GAC/B,WAAW,GACX,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,qBAAqB;IACpC,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACrC,gCAAgC;IAChC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,mCAAmC;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE;QAC1B,SAAS,EAAE,gBAAgB,CAAC;QAC5B,MAAM,EAAE,aAAa,CAAC;QACtB,GAAG,EAAE,UAAU,CAAC;KACjB,KAAK,IAAI,CAAC;IACX,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+K5D,CAAC"}

package/dist/dev-tools/PerformancePanel/components/MetricRow.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type MetricRating = 'good' | 'needs-improvement' | 'poor' | 'unknown' | 'neutral';
+export interface MetricRowProps {
+    /** Label for the metric */
+    label: string;
+    /** Value to display */
+    value: string | number;
+    /** Unit suffix (e.g., 'ms', 'KB') */
+    unit?: string;
+    /** Rating for color coding */
+    rating?: MetricRating;
+    /** Additional description */
+    description?: string;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * MetricRow - Display a single performance metric with optional rating
+ */
+export declare const MetricRow: React.FC<MetricRowProps>;
+/**
+ * Format a metric value with appropriate precision
+ */
+export declare const formatMetricValue: (value: number | undefined, unit?: string, decimals?: number) => string;
+//# sourceMappingURL=MetricRow.d.ts.map

package/dist/dev-tools/PerformancePanel/components/MetricRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricRow.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/components/MetricRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzF,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,OAAO,MAAM,GAAG,SAAS,EACzB,OAAM,MAAa,EACnB,WAAU,MAAU,KACnB,MAGF,CAAC"}

package/dist/dev-tools/PerformancePanel/components/PanelHeader.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+export interface PanelHeaderProps {
+    /** Title text */
+    title?: string;
+    /** Whether panel is collapsed */
+    isCollapsed: boolean;
+    /** Toggle collapse callback */
+    onToggleCollapse: () => void;
+    /** Close panel callback */
+    onClose?: () => void;
+    /** Mouse down handler for dragging */
+    onMouseDown?: (e: React.MouseEvent) => void;
+    /** Whether currently dragging */
+    isDragging?: boolean;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * PanelHeader - Header for the performance panel with collapse/close controls
+ */
+export declare const PanelHeader: React.FC<PanelHeaderProps>;
+//# sourceMappingURL=PanelHeader.d.ts.map

package/dist/dev-tools/PerformancePanel/components/PanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/components/PanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iCAAiC;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,+BAA+B;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuCD;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgDlD,CAAC"}

package/dist/dev-tools/PerformancePanel/components/ScoreIndicator.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { MetricRating } from './MetricRow';
+export interface ScoreIndicatorProps {
+    /** Rating to display */
+    rating: MetricRating;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Show label alongside indicator */
+    showLabel?: boolean;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * ScoreIndicator - Visual indicator for performance rating
+ */
+export declare const ScoreIndicator: React.FC<ScoreIndicatorProps>;
+/**
+ * ScoreLegend - Legend showing all rating colors
+ */
+export declare const ScoreLegend: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=ScoreIndicator.d.ts.map

package/dist/dev-tools/PerformancePanel/components/ScoreIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreIndicator.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/components/ScoreIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAiBxD,CAAC"}

package/dist/dev-tools/PerformancePanel/hooks/useApiMetrics.d.ts

@@ -0,0 +1,38 @@
+export interface ApiMetrics {
+    /** Total API call count */
+    callCount: number;
+    /** Total time spent on API calls (ms) */
+    totalTime: number;
+    /** Average API call duration (ms) */
+    averageTime: number;
+    /** Slowest API call (ms) */
+    slowestCall?: number;
+    /** Failed API calls */
+    failedCalls: number;
+}
+export interface UseApiMetricsOptions {
+    /** Enable tracking (default: true) */
+    enabled?: boolean;
+    /** URL patterns to match API calls (default: ['/api/', 'graphql']) */
+    patterns?: string[];
+    /** Refresh interval in ms (default: 5000) */
+    refreshInterval?: number;
+    /** Callback when metrics update */
+    onUpdate?: (metrics: ApiMetrics) => void;
+}
+/**
+ * Hook to track API call metrics
+ *
+ * @example
+ * ```tsx
+ * const { metrics } = useApiMetrics({
+ *   patterns: ['/api/', 'graphql']
+ * });
+ * console.log('API Calls:', metrics.callCount);
+ * ```
+ */
+export declare const useApiMetrics: (options?: UseApiMetricsOptions) => {
+    metrics: ApiMetrics;
+    refresh: () => void;
+};
+//# sourceMappingURL=useApiMetrics.d.ts.map

package/dist/dev-tools/PerformancePanel/hooks/useApiMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiMetrics.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/hooks/useApiMetrics.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAC;CAC1C;AAID;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,GAAI,UAAS,oBAAyB;;;CA2E/D,CAAC"}

package/dist/dev-tools/PerformancePanel/hooks/useBundleMetrics.d.ts

@@ -0,0 +1,38 @@
+export interface BundleMetrics {
+    /** Total JS load time (ms) */
+    jsLoadTime?: number;
+    /** Total CSS load time (ms) */
+    cssLoadTime?: number;
+    /** Number of JS resources */
+    jsCount?: number;
+    /** Number of CSS resources */
+    cssCount?: number;
+    /** Total transfer size (bytes) */
+    totalTransferSize?: number;
+}
+export interface UseBundleMetricsOptions {
+    /** Enable tracking (default: true) */
+    enabled?: boolean;
+    /** Refresh interval in ms (default: 5000) */
+    refreshInterval?: number;
+    /** Callback when metrics update */
+    onUpdate?: (metrics: BundleMetrics) => void;
+}
+/**
+ * Hook to track bundle/resource loading metrics
+ *
+ * @example
+ * ```tsx
+ * const { metrics, refresh } = useBundleMetrics();
+ * console.log('JS Load Time:', metrics.jsLoadTime);
+ * ```
+ */
+export declare const useBundleMetrics: (options?: UseBundleMetricsOptions) => {
+    metrics: BundleMetrics;
+    refresh: () => void;
+};
+/**
+ * Format bytes to human readable string
+ */
+export declare const formatBytes: (bytes?: number) => string;
+//# sourceMappingURL=useBundleMetrics.d.ts.map

package/dist/dev-tools/PerformancePanel/hooks/useBundleMetrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBundleMetrics.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/hooks/useBundleMetrics.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,uBAAuB;IACtC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAS,uBAA4B;;;CA8DrE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,KAAG,MAK5C,CAAC"}

package/dist/dev-tools/PerformancePanel/hooks/useDraggable.d.ts

@@ -0,0 +1,50 @@
+import { RefObject } from 'react';
+export interface DraggablePosition {
+    x: number | null;
+    y: number | null;
+}
+export interface UseDraggableOptions {
+    /** Enable dragging (default: true) */
+    enabled?: boolean;
+    /** Constrain to viewport (default: true) */
+    constrainToViewport?: boolean;
+    /** Only allow horizontal dragging */
+    horizontalOnly?: boolean;
+    /** Only allow vertical dragging */
+    verticalOnly?: boolean;
+    /** Initial position */
+    initialPosition?: {
+        x?: number;
+        y?: number;
+    };
+}
+export interface UseDraggableReturn {
+    /** Current position */
+    position: DraggablePosition;
+    /** Whether currently dragging */
+    isDragging: boolean;
+    /** Mouse down handler for drag handle */
+    handleMouseDown: (e: React.MouseEvent) => void;
+    /** Reset position to initial/default */
+    resetPosition: () => void;
+    /** Ref to attach to draggable element */
+    ref: RefObject<HTMLDivElement>;
+}
+/**
+ * Hook to make an element draggable
+ *
+ * @example
+ * ```tsx
+ * const { position, isDragging, handleMouseDown, ref } = useDraggable({
+ *   horizontalOnly: true,
+ * });
+ *
+ * return (
+ *   <div ref={ref} style={{ left: position.x ?? 'auto' }}>
+ *     <div onMouseDown={handleMouseDown}>Drag Handle</div>
+ *   </div>
+ * );
+ * ```
+ */
+export declare const useDraggable: (options?: UseDraggableOptions) => UseDraggableReturn;
+//# sourceMappingURL=useDraggable.d.ts.map

package/dist/dev-tools/PerformancePanel/hooks/useDraggable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/hooks/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,WAAW,iBAAiB;IAChC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qCAAqC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/C,wCAAwC;IACxC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,yCAAyC;IACzC,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CAChC;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY,GACvB,UAAS,mBAAwB,KAChC,kBAmGF,CAAC"}

package/dist/dev-tools/PerformancePanel/hooks/useWebVitals.d.ts

@@ -0,0 +1,32 @@
+export interface WebVitalsMetrics {
+    lcp?: number;
+    fid?: number;
+    cls?: number;
+    fcp?: number;
+    ttfb?: number;
+    inp?: number;
+}
+export interface UseWebVitalsOptions {
+    /** Enable tracking (default: true in dev, false in prod) */
+    enabled?: boolean;
+    /** Callback when metrics update */
+    onUpdate?: (metrics: WebVitalsMetrics) => void;
+}
+/**
+ * Hook to track Core Web Vitals metrics
+ *
+ * @example
+ * ```tsx
+ * const { metrics, isSupported } = useWebVitals();
+ * console.log('LCP:', metrics.lcp);
+ * ```
+ */
+export declare const useWebVitals: (options?: UseWebVitalsOptions) => {
+    metrics: WebVitalsMetrics;
+    isSupported: boolean;
+};
+/**
+ * Get rating for a Web Vital metric
+ */
+export declare const getWebVitalRating: (metric: keyof WebVitalsMetrics, value?: number) => "good" | "needs-improvement" | "poor" | "unknown";
+//# sourceMappingURL=useWebVitals.d.ts.map

package/dist/dev-tools/PerformancePanel/hooks/useWebVitals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWebVitals.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/hooks/useWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAChD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,UAAS,mBAAwB;;;CAkI7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,MAAM,gBAAgB,EAC9B,QAAQ,MAAM,KACb,MAAM,GAAG,mBAAmB,GAAG,MAAM,GAAG,SAkB1C,CAAC"}

package/dist/dev-tools/PerformancePanel/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * PerformancePanel - A floating dev panel for monitoring performance metrics
+ *
+ * @example
+ * ```tsx
+ * import { PerformancePanel, useWebVitals, useApiMetrics } from '@sudobility/components';
+ *
+ * // Basic usage (automatically shows in dev mode)
+ * function App() {
+ *   return (
+ *     <>
+ *       <YourApp />
+ *       <PerformancePanel />
+ *     </>
+ *   );
+ * }
+ *
+ * // With custom metrics
+ * function App() {
+ *   return (
+ *     <PerformancePanel
+ *       customMetrics={[
+ *         { id: 'walletConnect', label: 'Wallet Connect', value: 245, unit: 'ms', thresholds: { good: 300, poor: 1000 } },
+ *         { id: 'pendingTxs', label: 'Pending Txs', value: 3 },
+ *       ]}
+ *     />
+ *   );
+ * }
+ *
+ * // Use hooks directly for custom UI
+ * function CustomMetricsDisplay() {
+ *   const { metrics } = useWebVitals();
+ *   return <div>LCP: {metrics.lcp}ms</div>;
+ * }
+ * ```
+ */
+export { PerformancePanel, type PerformancePanelProps, type PerformancePanelSection } from './PerformancePanel';
+export { useWebVitals, getWebVitalRating, type WebVitalsMetrics as PanelWebVitalsMetrics, type UseWebVitalsOptions, } from './hooks/useWebVitals';
+export { useBundleMetrics, formatBytes, type BundleMetrics, type UseBundleMetricsOptions, } from './hooks/useBundleMetrics';
+export { useApiMetrics, type ApiMetrics, type UseApiMetricsOptions, } from './hooks/useApiMetrics';
+export { useDraggable, type DraggablePosition, type UseDraggableOptions, type UseDraggableReturn, } from './hooks/useDraggable';
+export { MetricRow, formatMetricValue, type MetricRowProps, type MetricRating } from './components/MetricRow';
+export { ScoreIndicator, ScoreLegend, type ScoreIndicatorProps } from './components/ScoreIndicator';
+export { PanelHeader, type PanelHeaderProps } from './components/PanelHeader';
+export { WebVitalsSection, type WebVitalsSectionProps } from './sections/WebVitalsSection';
+export { BundleSection, type BundleSectionProps } from './sections/BundleSection';
+export { ApiSection, type ApiSectionProps } from './sections/ApiSection';
+export { MemorySection, type MemoryMetrics, type MemorySectionProps } from './sections/MemorySection';
+export { CustomSection, type CustomMetric, type CustomSectionProps } from './sections/CustomSection';
+//# sourceMappingURL=index.d.ts.map

package/dist/dev-tools/PerformancePanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dev-tools/PerformancePanel/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAGH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAGhH,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,KAAK,gBAAgB,IAAI,qBAAqB,EAC9C,KAAK,mBAAmB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,uBAAuB,GAC7B,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,aAAa,EACb,KAAK,UAAU,EACf,KAAK,oBAAoB,GAC1B,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG9E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,KAAK,YAAY,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/dev-tools/PerformancePanel/sections/ApiSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ApiMetrics } from '../hooks/useApiMetrics';
+export interface ApiSectionProps {
+    /** API metrics data */
+    metrics: ApiMetrics;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * ApiSection - Display API call metrics
+ */
+export declare const ApiSection: React.FC<ApiSectionProps>;
+//# sourceMappingURL=ApiSection.d.ts.map

package/dist/dev-tools/PerformancePanel/sections/ApiSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiSection.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/sections/ApiSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,OAAO,EAAE,UAAU,CAAC;IACpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAC"}

package/dist/dev-tools/PerformancePanel/sections/BundleSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BundleMetrics } from '../hooks/useBundleMetrics';
+export interface BundleSectionProps {
+    /** Bundle metrics data */
+    metrics: BundleMetrics;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * BundleSection - Display bundle/resource loading metrics
+ */
+export declare const BundleSection: React.FC<BundleSectionProps>;
+//# sourceMappingURL=BundleSection.d.ts.map

package/dist/dev-tools/PerformancePanel/sections/BundleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BundleSection.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/sections/BundleSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAe,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,OAAO,EAAE,aAAa,CAAC;IACvB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsCtD,CAAC"}

package/dist/dev-tools/PerformancePanel/sections/CustomSection.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { MetricRating } from '../components/MetricRow';
+export interface CustomMetric {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Metric value */
+    value: number | string;
+    /** Unit suffix (e.g., 'ms', 'KB') */
+    unit?: string;
+    /** Description text */
+    description?: string;
+    /** Thresholds for rating (only for numeric values) */
+    thresholds?: {
+        good: number;
+        poor: number;
+    };
+    /** Override rating color */
+    rating?: MetricRating;
+}
+export interface CustomSectionProps {
+    /** Section title */
+    title?: string;
+    /** Title color class */
+    titleColor?: string;
+    /** Custom metrics to display */
+    metrics: CustomMetric[];
+    /** Custom className */
+    className?: string;
+}
+/**
+ * CustomSection - Display user-defined custom metrics
+ *
+ * @example
+ * ```tsx
+ * <CustomSection
+ *   title="Web3 Metrics"
+ *   titleColor="text-orange-400"
+ *   metrics={[
+ *     { id: 'walletConnect', label: 'Wallet Connect', value: 245, unit: 'ms', thresholds: { good: 300, poor: 1000 } },
+ *     { id: 'txPending', label: 'Pending Txs', value: 3 },
+ *   ]}
+ * />
+ * ```
+ */
+export declare const CustomSection: React.FC<CustomSectionProps>;
+//# sourceMappingURL=CustomSection.d.ts.map

package/dist/dev-tools/PerformancePanel/sections/CustomSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSection.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/sections/CustomSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAa,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,4BAA4B;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BtD,CAAC"}

package/dist/dev-tools/PerformancePanel/sections/MemorySection.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface MemoryMetrics {
+    /** Used JS heap size (bytes) */
+    usedJSHeapSize?: number;
+    /** Total JS heap size (bytes) */
+    totalJSHeapSize?: number;
+    /** JS heap size limit (bytes) */
+    jsHeapSizeLimit?: number;
+}
+export interface MemorySectionProps {
+    /** Refresh interval in ms (default: 2000) */
+    refreshInterval?: number;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * MemorySection - Display JavaScript memory metrics
+ * Note: Only available in Chrome/Chromium browsers with performance.memory
+ */
+export declare const MemorySection: React.FC<MemorySectionProps>;
+//# sourceMappingURL=MemorySection.d.ts.map

package/dist/dev-tools/PerformancePanel/sections/MemorySection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemorySection.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/sections/MemorySection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwEtD,CAAC"}

package/dist/dev-tools/PerformancePanel/sections/WebVitalsSection.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { WebVitalsMetrics } from '../hooks/useWebVitals';
+export interface WebVitalsSectionProps {
+    /** Web Vitals metrics data */
+    metrics: WebVitalsMetrics;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * WebVitalsSection - Display Core Web Vitals metrics
+ */
+export declare const WebVitalsSection: React.FC<WebVitalsSectionProps>;
+//# sourceMappingURL=WebVitalsSection.d.ts.map

package/dist/dev-tools/PerformancePanel/sections/WebVitalsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebVitalsSection.d.ts","sourceRoot":"","sources":["../../../../src/dev-tools/PerformancePanel/sections/WebVitalsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAqB,MAAM,uBAAuB,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2D5D,CAAC"}

package/dist/dev-tools/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Dev Tools - Development utilities and debugging components
+ */
+export * from './PerformancePanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/dev-tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dev-tools/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,oBAAoB,CAAC"}

package/dist/index.d.ts

@@ -50,6 +50,7 @@ export * from './kyc';
 export * from './layout';
 export * from './seo';
 export * from './optimization';
+export * from './dev-tools';
 export { useClickOutside } from './hooks/useClickOutside';
 export { useCodeLoader } from './hooks/useCodeLoader';
 export { useFormSubmission, type UseFormSubmissionOptions, type UseFormSubmissionReturn, } from './hooks/useFormSubmission';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,cAAc,CAAC;AAG7B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAG3B,cAAc,OAAO,CAAC;AAGtB,cAAc,UAAU,CAAC;AAGzB,cAAc,OAAO,CAAC;AAGtB,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,wBAAwB,CAAC;AAGhC,cAAc,SAAS,CAAC;AAGxB,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,KAAK,kBAAkB,GACxB,MAAM,uCAAuC,CAAC;AAY/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;;;AAEjC,wBAIE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,cAAc,CAAC;AAG7B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,QAAQ,CAAC;AAGvB,cAAc,YAAY,CAAC;AAG3B,cAAc,OAAO,CAAC;AAGtB,cAAc,UAAU,CAAC;AAGzB,cAAc,OAAO,CAAC;AAGtB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EACL,iBAAiB,EACjB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EACL,cAAc,EACd,eAAe,EACf,aAAa,GACd,MAAM,wBAAwB,CAAC;AAGhC,cAAc,SAAS,CAAC;AAGxB,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,KAAK,kBAAkB,GACxB,MAAM,uCAAuC,CAAC;AAY/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;;;;;AAEjC,wBAIE"}