@buoy-gg/shared-ui 1.7.2

package/lib/typescript/commonjs/ui/components/CopyButton.d.ts

@@ -0,0 +1,41 @@
+import { TouchableOpacityProps, ViewStyle } from "react-native";
+interface CopyButtonProps extends Omit<TouchableOpacityProps, "onPress"> {
+    /** The value to copy - can be any type (string, object, array, etc.) */
+    value: unknown;
+    /** Whether the button is in a focused/highlighted state */
+    isFocused?: boolean;
+    /** Size of the icon (default: 16) */
+    size?: number;
+    /** Custom styles for the button container */
+    buttonStyle?: ViewStyle;
+    /** Callback after successful copy */
+    onCopySuccess?: () => void;
+    /** Callback after failed copy */
+    onCopyError?: () => void;
+    /** Duration to show success/error state in ms (default: 1500) */
+    feedbackDuration?: number;
+    /** Custom colors for each state */
+    colors?: {
+        idle?: string;
+        idleFocused?: string;
+        success?: string;
+        error?: string;
+    };
+    /** @deprecated No longer needed - CopyButton automatically checks Pro status internally */
+    disabled?: boolean;
+}
+export declare const CopyButton: import("react").NamedExoticComponent<CopyButtonProps>;
+/**
+ * Preset copy button for inline use (smaller size)
+ */
+export declare const InlineCopyButton: import("react").NamedExoticComponent<Omit<CopyButtonProps, "size">>;
+/**
+ * Preset copy button for header/toolbar use (medium size)
+ */
+export declare const ToolbarCopyButton: import("react").NamedExoticComponent<Omit<CopyButtonProps, "size">>;
+/**
+ * Preset copy button for main actions (larger size)
+ */
+export declare const ActionCopyButton: import("react").NamedExoticComponent<Omit<CopyButtonProps, "size">>;
+export {};
+//# sourceMappingURL=CopyButton.d.ts.map

package/lib/typescript/commonjs/ui/components/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/CopyButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAmCtB,UAAU,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC;IACtE,wEAAwE;IACxE,KAAK,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,eAAO,MAAM,UAAU,uDAkJrB,CAAC;AAUH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,iBAAiB,qEAI5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,qEAI3B,CAAC"}

package/lib/typescript/commonjs/ui/components/DataInspector.d.ts

@@ -0,0 +1,35 @@
+import { ViewStyle } from "react-native";
+interface DataInspectorProps {
+    data: any;
+    mode?: "view" | "edit" | "diff";
+    syntax?: "json" | "xml" | "text";
+    theme?: "dark" | "light";
+    collapsible?: boolean;
+    searchable?: boolean;
+    onEdit?: (newData: any) => void;
+    style?: ViewStyle;
+    title?: string;
+}
+export declare function DataInspector({ data, mode, syntax, theme, collapsible, searchable, onEdit, style, title, }: DataInspectorProps): import("react").JSX.Element;
+export declare namespace DataInspector {
+    var Json: ({ data, searchable, style, }: JsonViewerProps) => import("react").JSX.Element;
+    var Editable: ({ data, onSave, style, }: EditableProps) => import("react").JSX.Element;
+    var Diff: ({ oldData, newData, style, }: DiffViewProps) => import("react").JSX.Element;
+}
+interface JsonViewerProps {
+    data: any;
+    searchable?: boolean;
+    style?: ViewStyle;
+}
+interface EditableProps {
+    data: any;
+    onSave: (newData: any) => void;
+    style?: ViewStyle;
+}
+interface DiffViewProps {
+    oldData: any;
+    newData: any;
+    style?: ViewStyle;
+}
+export {};
+//# sourceMappingURL=DataInspector.d.ts.map

package/lib/typescript/commonjs/ui/components/DataInspector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataInspector.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DataInspector.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,UAAU,kBAAkB;IAC1B,IAAI,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAa,EACb,MAAe,EACf,KAAc,EACd,WAAkB,EAClB,UAAiB,EACjB,MAAM,EACN,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,+BAyHpB;yBAnIe,aAAa;6CA+I1B,eAAe;6CAsBf,aAAa;6CAgBb,aAAa;;AAhDhB,UAAU,eAAe;IACvB,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAkBD,UAAU,aAAa;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAYD,UAAU,aAAa;IACrB,OAAO,EAAE,GAAG,CAAC;IACb,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/lib/typescript/commonjs/ui/components/DetailView.d.ts

@@ -0,0 +1,68 @@
+import { ReactNode } from "react";
+import { ViewStyle, TextStyle } from "react-native";
+import { LucideIcon } from "../../icons";
+interface DetailViewProps {
+    children: ReactNode;
+    style?: ViewStyle;
+}
+export declare function DetailView({ children, style }: DetailViewProps): import("react").JSX.Element;
+export declare namespace DetailView {
+    var Header: ({ title, subtitle, onClose, onBack, actions, }: HeaderProps) => import("react").JSX.Element;
+    var Section: ({ title, icon: Icon, children, defaultOpen, collapsible, style, badge, }: SectionProps) => import("react").JSX.Element;
+    var Row: ({ label, value, copyable, style, labelStyle, valueStyle, }: RowProps) => import("react").JSX.Element;
+    var DataSection: ({ title, data, icon, defaultOpen, style, }: DataSectionProps) => import("react").JSX.Element;
+    var StatusBar: ({ status, message, style, }: StatusBarProps) => import("react").JSX.Element;
+    var Timeline: ({ items, style }: TimelineProps) => import("react").JSX.Element;
+    var Content: ({ children, scrollable, style, }: ContentProps) => import("react").JSX.Element;
+}
+interface HeaderProps {
+    title: string;
+    subtitle?: string;
+    onClose?: () => void;
+    onBack?: () => void;
+    actions?: ReactNode;
+}
+interface SectionProps {
+    title: string;
+    icon?: LucideIcon;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    collapsible?: boolean;
+    style?: ViewStyle;
+    badge?: string | number;
+}
+interface RowProps {
+    label: string;
+    value?: string | number | ReactNode;
+    copyable?: boolean;
+    style?: ViewStyle;
+    labelStyle?: TextStyle;
+    valueStyle?: TextStyle;
+}
+interface DataSectionProps {
+    title: string;
+    data: unknown;
+    icon?: LucideIcon;
+    defaultOpen?: boolean;
+    style?: ViewStyle;
+}
+interface StatusBarProps {
+    status: "success" | "error" | "warning" | "pending" | "info";
+    message?: string;
+    style?: ViewStyle;
+}
+interface TimelineProps {
+    items: {
+        label: string;
+        value: string;
+        status?: "success" | "error" | "pending";
+    }[];
+    style?: ViewStyle;
+}
+interface ContentProps {
+    children: ReactNode;
+    scrollable?: boolean;
+    style?: ViewStyle;
+}
+export {};
+//# sourceMappingURL=DetailView.d.ts.map

package/lib/typescript/commonjs/ui/components/DetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailView.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EAML,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAKzC,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,+BAE9D;yBAFe,UAAU;iEAkBvB,WAAW;4FA4BX,YAAY;0EAyDZ,QAAQ;kEAuCR,gBAAgB;iDA2BhB,cAAc;qCAoCyC,aAAa;oDA2BpE,YAAY;;AApOf,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAkBD,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAmDD,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAkCD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAyBD,UAAU,cAAc;IACtB,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAiCD,UAAU,aAAa;IACrB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;KAC1C,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAmBD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/lib/typescript/commonjs/ui/components/Divider.d.ts

@@ -0,0 +1,2 @@
+export declare function Divider(): import("react").JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/lib/typescript/commonjs/ui/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Divider.tsx"],"names":[],"mappings":"AAEA,wBAAgB,OAAO,gCAWtB"}

package/lib/typescript/commonjs/ui/components/DraggableHeader.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from "react";
+import { Animated, ViewStyle, StyleProp } from "react-native";
+interface DraggableHeaderProps {
+    children: ReactNode;
+    position: Animated.ValueXY;
+    onDragStart?: () => void;
+    onDragEnd?: (finalPosition: {
+        x: number;
+        y: number;
+    }) => void;
+    onTap?: () => void;
+    containerBounds?: {
+        width: number;
+        height: number;
+    };
+    elementSize?: {
+        width: number;
+        height: number;
+    };
+    minPosition?: {
+        x: number;
+        y: number;
+    };
+    style?: StyleProp<ViewStyle>;
+    enabled?: boolean;
+}
+/**
+ * DraggableHeader - Reusable draggable component based on JsModal's working implementation
+ *
+ * This component provides smooth drag functionality with proper boundary checking.
+ * It uses the same proven pattern from JsModal that works reliably.
+ */
+export declare const DraggableHeader: import("react").NamedExoticComponent<DraggableHeaderProps>;
+export {};
+//# sourceMappingURL=DraggableHeader.d.ts.map

package/lib/typescript/commonjs/ui/components/DraggableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DraggableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,QAAQ,EAER,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DAsH1B,CAAC"}

package/lib/typescript/commonjs/ui/components/DynamicFilterView.d.ts

@@ -0,0 +1,91 @@
+import type { LucideIcon } from "../../icons";
+export interface FilterSection {
+    id: string;
+    title: string;
+    icon?: LucideIcon;
+    color?: string;
+    type: "status" | "method" | "contentType" | "custom" | "patterns";
+    data?: FilterOption[];
+    renderCustom?: () => React.ReactNode;
+    description?: string;
+}
+export interface FilterOption {
+    id: string;
+    label: string;
+    count?: number;
+    icon?: LucideIcon;
+    color?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    isActive?: boolean;
+    value?: any;
+    description?: string;
+}
+export interface DynamicFilterConfig {
+    sections?: FilterSection[];
+    /** Filter summary section - shows active filter state and result counts */
+    filterSummarySection?: {
+        enabled: boolean;
+        totalCount: number;
+        filteredCount: number;
+        includePatterns?: Set<string>;
+        excludePatterns?: Set<string>;
+    };
+    addFilterSection?: {
+        enabled: boolean;
+        placeholder?: string;
+        title?: string;
+        icon?: LucideIcon;
+    };
+    /** Include-only patterns section - shows queries matching ANY of these patterns */
+    includeOnlySection?: {
+        enabled: boolean;
+        placeholder?: string;
+        title?: string;
+        description?: string;
+        icon?: LucideIcon;
+        patterns: Set<string>;
+        onPatternToggle: (pattern: string) => void;
+        onPatternAdd: (pattern: string) => void;
+    };
+    availableItemsSection?: {
+        enabled: boolean;
+        title?: string;
+        emptyMessage?: string;
+        icon?: LucideIcon;
+        items?: string[];
+    };
+    howItWorksSection?: {
+        enabled: boolean;
+        title?: string;
+        description?: string;
+        examples?: string[];
+        icon?: LucideIcon;
+    };
+    previewSection?: {
+        enabled: boolean;
+        title?: string;
+        content: () => React.ReactNode;
+        icon?: LucideIcon;
+        headerActions?: () => React.ReactNode;
+    };
+    onFilterChange?: (filterId: string, value: any) => void;
+    onPatternToggle?: (pattern: string) => void;
+    onPatternAdd?: (pattern: string) => void;
+    activePatterns?: Set<string>;
+    tabs?: {
+        id: string;
+        label: string;
+        icon?: LucideIcon;
+        count?: number;
+        content: () => React.ReactNode;
+    }[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+}
+interface DynamicFilterViewProps extends DynamicFilterConfig {
+    className?: string;
+}
+export declare function DynamicFilterView({ sections, filterSummarySection, addFilterSection, includeOnlySection, availableItemsSection, howItWorksSection, previewSection, onFilterChange, onPatternToggle, onPatternAdd, activePatterns, tabs, activeTab, onTabChange, }: DynamicFilterViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DynamicFilterView.d.ts.map

package/lib/typescript/commonjs/ui/components/DynamicFilterView.d.ts.map

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

package/lib/typescript/commonjs/ui/components/EmptyState.d.ts

@@ -0,0 +1,43 @@
+import { ViewStyle } from "react-native";
+import { LucideIcon } from "../../icons";
+interface EmptyStateProps {
+    /** Primary message to display */
+    title: string;
+    /** Optional secondary/description message */
+    description?: string;
+    /** Optional icon to display above the text */
+    icon?: LucideIcon;
+    /** Optional icon size (default: 48) */
+    iconSize?: number;
+    /** Optional icon color */
+    iconColor?: string;
+    /** Optional action button */
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    /** Optional style variant */
+    variant?: "default" | "minimal" | "card";
+    /** Optional custom styles */
+    style?: ViewStyle;
+}
+/**
+ * Reusable empty state component for consistent empty/no-data displays
+ */
+export declare function EmptyState({ title, description, icon: Icon, iconSize, iconColor, action, variant, style, }: EmptyStateProps): import("react").JSX.Element;
+/**
+ * Pre-configured empty state for no data scenarios
+ */
+export declare function NoDataEmptyState(): import("react").JSX.Element;
+/**
+ * Pre-configured empty state for filtered results
+ */
+export declare function NoResultsEmptyState(): import("react").JSX.Element;
+/**
+ * Pre-configured empty state for search results
+ */
+export declare function NoSearchResultsEmptyState({ searchTerm, }: {
+    searchTerm?: string;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EmptyState.d.ts.map

package/lib/typescript/commonjs/ui/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,UAAU,eAAe;IACvB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EAAE,IAAI,EACV,QAAa,EACb,SAAqB,EACrB,MAAM,EACN,OAAmB,EACnB,KAAK,GACN,EAAE,eAAe,+BAgCjB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,gCAO/B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,gCAOlC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,UAAU,GACX,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BAWA"}

package/lib/typescript/commonjs/ui/components/ErrorBoundary.d.ts

@@ -0,0 +1,18 @@
+import { Component, ReactNode, ErrorInfo } from "react";
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    handleRetry: () => void;
+    render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/lib/typescript/commonjs/ui/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxD,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,KAAK;IAKxB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,WAAW,aAET;IAEF,MAAM;CA6BP"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/CompareBar.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CompareBar
+ *
+ * Displays PREV/CUR comparison metadata for diff view.
+ * Shows event labels, timestamps, badges, and optional navigation controls.
+ * This is a dumb component - all state is controlled externally.
+ */
+import React from "react";
+import type { CompareBarProps } from "./types";
+/**
+ * CompareBar displays a side-by-side comparison of two events
+ * with optional navigation controls for any-to-any compare mode.
+ */
+export declare const CompareBar: React.NamedExoticComponent<CompareBarProps>;
+//# sourceMappingURL=CompareBar.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/CompareBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareBar.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/CompareBar.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,UAAU,6CAkIrB,CAAC"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/DiffModeTabs.d.ts

@@ -0,0 +1,15 @@
+/**
+ * DiffModeTabs
+ *
+ * Tab bar for switching between diff visualization modes.
+ * Examples: "SPLIT VIEW" / "TREE VIEW" or "CAUSE" / "PROPS" / "STATE"
+ * This is a dumb component - all state is controlled externally.
+ */
+import React from "react";
+import type { DiffModeTabsProps } from "./types";
+/**
+ * DiffModeTabs displays a horizontal tab bar for switching
+ * between different diff visualization modes.
+ */
+export declare const DiffModeTabs: React.NamedExoticComponent<DiffModeTabsProps>;
+//# sourceMappingURL=DiffModeTabs.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/DiffModeTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffModeTabs.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/DiffModeTabs.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,YAAY,+CAqCvB,CAAC"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/EventHistoryViewer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * EventHistoryViewer
+ *
+ * Main container component for viewing event history with current/diff views.
+ * Composes ViewToggleCards, DiffModeTabs, CompareBar, and EventStepperFooter.
+ * This is a dumb component - all state is controlled externally.
+ */
+import React from "react";
+import type { EventHistoryViewerProps } from "./types";
+/**
+ * EventHistoryViewer is the main container for viewing event history.
+ * It composes sub-components to display current value or diff views.
+ */
+export declare const EventHistoryViewer: React.NamedExoticComponent<EventHistoryViewerProps>;
+//# sourceMappingURL=EventHistoryViewer.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/EventHistoryViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventHistoryViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/EventHistoryViewer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,qDA2H7B,CAAC"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/EventPickerModal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * EventPickerModal
+ *
+ * Modal for selecting events in any-to-any compare mode.
+ * Displays a scrollable list of events with timestamps, badges, and diff previews.
+ * This is a dumb component - all state is controlled externally.
+ */
+import React from "react";
+import type { EventPickerModalProps } from "./types";
+/**
+ * EventPickerModal displays a modal for selecting events
+ * with color-coded styling based on position (left/right).
+ */
+export declare const EventPickerModal: React.NamedExoticComponent<EventPickerModalProps>;
+//# sourceMappingURL=EventPickerModal.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/EventPickerModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventPickerModal.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/EventPickerModal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAUpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,mDA8E3B,CAAC"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/ViewToggleCards.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ViewToggleCards
+ *
+ * Two side-by-side cards for switching between current and diff views.
+ * This is a dumb component - all state is controlled externally.
+ */
+import React from "react";
+import type { ViewToggleCardsProps } from "./types";
+/**
+ * ViewToggleCards displays two cards for switching between
+ * "current" view and "diff" view modes.
+ */
+export declare const ViewToggleCards: React.NamedExoticComponent<ViewToggleCardsProps>;
+//# sourceMappingURL=ViewToggleCards.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/ViewToggleCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewToggleCards.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/ViewToggleCards.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD;;;GAGG;AACH,eAAO,MAAM,eAAe,kDA2F1B,CAAC"}

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * EventHistoryViewer
+ *
+ * A reusable component for viewing event history with current/diff views.
+ * Used by Storage events, Render events, and other event-based dev tools.
+ */
+export { EventHistoryViewer } from "./EventHistoryViewer";
+export { ViewToggleCards } from "./ViewToggleCards";
+export { DiffModeTabs } from "./DiffModeTabs";
+export { CompareBar } from "./CompareBar";
+export { EventPickerModal } from "./EventPickerModal";
+export type { ViewMode, DiffModeTab, EventDisplayInfo, IconComponent, ViewToggleCardsProps, CompareBarProps, DiffModeTabsProps, EventPickerItem, EventPickerModalProps, EventHistoryViewerProps, } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/ui/components/EventHistoryViewer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/EventHistoryViewer/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,YAAY,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}