react-native-element-inspector 0.1.0

package/lib/floatingPanel/FloatingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingPanel.js","sourceRoot":"","sources":["../../src/floatingPanel/FloatingPanel.tsx"],"names":[],"mappings":"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"}

package/lib/floatingPanel/HandleContent.d.ts

@@ -0,0 +1,7 @@
+interface HandleContentProps {
+    onClose: () => void;
+}
+/** Floating handle shown in inspect mode before an element is selected. */
+export declare const HandleContent: ({ onClose }: HandleContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HandleContent.d.ts.map

package/lib/floatingPanel/HandleContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleContent.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/HandleContent.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,2EAA2E;AAC3E,eAAO,MAAM,aAAa,gBAAiB,kBAAkB,4CAM5D,CAAC"}

package/lib/floatingPanel/HandleContent.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { CloseButton } from './CloseButton';
+/** Floating handle shown in inspect mode before an element is selected. */
+export const HandleContent = ({ onClose }) => (_jsxs(View, { style: styles.handle, children: [_jsx(View, { style: styles.dot }), _jsx(Text, { style: styles.handleText, children: "Tap an element" }), _jsx(CloseButton, { onPress: onClose })] }));
+const styles = StyleSheet.create({
+    handle: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 14,
+        paddingVertical: 10,
+        backgroundColor: '#0F3460',
+        borderRadius: 22,
+        borderWidth: 1,
+        borderColor: 'rgba(79, 195, 247, 0.3)',
+        gap: 8,
+    },
+    dot: {
+        width: 8,
+        height: 8,
+        borderRadius: 4,
+        backgroundColor: '#E94560',
+        shadowColor: '#E94560',
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.6,
+        shadowRadius: 3,
+    },
+    handleText: {
+        color: '#FFFFFF',
+        fontSize: 13,
+        fontWeight: '500',
+        flex: 1,
+    },
+});
+//# sourceMappingURL=HandleContent.js.map

package/lib/floatingPanel/HandleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleContent.js","sourceRoot":"","sources":["../../src/floatingPanel/HandleContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,2EAA2E;AAC3E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAsB,EAAE,EAAE,CAAC,CAChE,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAI,EAC3B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,+BAAuB,EACrD,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IAC5B,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,yBAAyB;QACtC,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,CAAC;KAChB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/lib/floatingPanel/InspectorBubble.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Inspector bubble with a radar-sweep animation.
+ * A bright orange line rotates around a dark orange circle with a fading trail.
+ */
+export declare const InspectorBubble: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InspectorBubble.d.ts.map

package/lib/floatingPanel/InspectorBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorBubble.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/InspectorBubble.tsx"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,eAAe,+CAsD3B,CAAC"}

package/lib/floatingPanel/InspectorBubble.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Animated, Easing, StyleSheet, View } from 'react-native';
+import { INSPECTOR_BUBBLE } from '../constants';
+const { SIZE: BUBBLE_SIZE, SWEEP_WIDTH, CENTER_DOT_SIZE, TRAIL_ARMS } = INSPECTOR_BUBBLE;
+/**
+ * Inspector bubble with a radar-sweep animation.
+ * A bright orange line rotates around a dark orange circle with a fading trail.
+ */
+export const InspectorBubble = () => {
+    const sweepAnim = useRef(new Animated.Value(0)).current;
+    useEffect(() => {
+        const loop = Animated.loop(Animated.timing(sweepAnim, {
+            toValue: 1,
+            duration: 3000,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        loop.start();
+        return () => loop.stop();
+    }, [sweepAnim]);
+    return (_jsx(View, { style: styles.container, children: _jsxs(View, { style: styles.clipCircle, children: [_jsx(View, { style: styles.baseFill }), _jsx(View, { style: styles.gridRing }), TRAIL_ARMS.map((arm) => {
+                    const rotation = sweepAnim.interpolate({
+                        inputRange: [0, 1],
+                        outputRange: [`${arm.offsetDeg}deg`, `${360 + arm.offsetDeg}deg`],
+                    });
+                    return (_jsx(Animated.View, { style: [
+                            styles.armWrapper,
+                            {
+                                opacity: arm.opacity,
+                                transform: [{ rotate: rotation }],
+                            },
+                        ], children: _jsx(View, { style: styles.sweepLine }) }, arm.key));
+                }), _jsx(View, { style: styles.centerDot })] }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        width: BUBBLE_SIZE,
+        height: BUBBLE_SIZE,
+        justifyContent: 'center',
+        alignItems: 'center',
+        shadowColor: '#f97316',
+        shadowOffset: { width: 0, height: 0 },
+        shadowOpacity: 0.5,
+        shadowRadius: 10,
+        elevation: 8,
+    },
+    clipCircle: {
+        width: BUBBLE_SIZE,
+        height: BUBBLE_SIZE,
+        borderRadius: BUBBLE_SIZE / 2,
+        borderWidth: 2,
+        borderColor: '#ea580c',
+        overflow: 'hidden',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    baseFill: {
+        ...StyleSheet.absoluteFillObject,
+        backgroundColor: '#7c2d12',
+    },
+    gridRing: {
+        position: 'absolute',
+        width: BUBBLE_SIZE * 0.55,
+        height: BUBBLE_SIZE * 0.55,
+        borderRadius: (BUBBLE_SIZE * 0.55) / 2,
+        borderWidth: 1,
+        borderColor: 'rgba(234, 88, 12, 0.25)',
+    },
+    armWrapper: {
+        position: 'absolute',
+        width: BUBBLE_SIZE,
+        height: BUBBLE_SIZE,
+        alignItems: 'center',
+    },
+    sweepLine: {
+        width: SWEEP_WIDTH,
+        height: BUBBLE_SIZE / 2 - CENTER_DOT_SIZE / 2 - 2,
+        backgroundColor: '#fb923c',
+        borderRadius: SWEEP_WIDTH / 2,
+        marginTop: 3,
+    },
+    centerDot: {
+        position: 'absolute',
+        width: CENTER_DOT_SIZE,
+        height: CENTER_DOT_SIZE,
+        borderRadius: CENTER_DOT_SIZE / 2,
+        backgroundColor: '#f97316',
+    },
+});
+//# sourceMappingURL=InspectorBubble.js.map

package/lib/floatingPanel/InspectorBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorBubble.js","sourceRoot":"","sources":["../../src/floatingPanel/InspectorBubble.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC;AAEzF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CACxB,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;YACzB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,eAAe,EAAE,IAAI;SACtB,CAAC,CACH,CAAC;QACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAE3B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,aAE5B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,EAGhC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,EAG/B,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC;wBACrC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;wBAClB,WAAW,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,KAAK,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC,SAAS,KAAK,CAAC;qBAClE,CAAC,CAAC;oBAEH,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IAEZ,KAAK,EAAE;4BACL,MAAM,CAAC,UAAU;4BACjB;gCACE,OAAO,EAAE,GAAG,CAAC,OAAO;gCACpB,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;6BAClC;yBACF,YAED,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,IAT5B,GAAG,CAAC,GAAG,CAUE,CACjB,CAAC;gBACJ,CAAC,CAAC,EAGF,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,IAC5B,GACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;QACnB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,GAAG;QAClB,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,CAAC;KACb;IACD,UAAU,EAAE;QACV,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,WAAW,GAAG,CAAC;QAC7B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,QAAQ,EAAE,QAAQ;QAClB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,QAAQ,EAAE;QACR,GAAG,UAAU,CAAC,kBAAkB;QAChC,eAAe,EAAE,SAAS;KAC3B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,WAAW,GAAG,IAAI;QACzB,MAAM,EAAE,WAAW,GAAG,IAAI;QAC1B,YAAY,EAAE,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC;QACtC,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,yBAAyB;KACvC;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW,GAAG,CAAC,GAAG,eAAe,GAAG,CAAC,GAAG,CAAC;QACjD,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,WAAW,GAAG,CAAC;QAC7B,SAAS,EAAE,CAAC;KACb;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,eAAe;QACvB,YAAY,EAAE,eAAe,GAAG,CAAC;QACjC,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC"}

package/lib/floatingPanel/PanelBody.d.ts

@@ -0,0 +1,8 @@
+import type { MeasuredElement } from '../fiber';
+interface PanelBodyProps {
+    element: MeasuredElement;
+}
+/** Scrollable style property list with footer — the main content of the expanded panel. */
+export declare const PanelBody: ({ element }: PanelBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PanelBody.d.ts.map

package/lib/floatingPanel/PanelBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/PanelBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAOhD,UAAU,cAAc;IACtB,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,2FAA2F;AAC3F,eAAO,MAAM,SAAS,gBAAiB,cAAc,mDAqGpD,CAAC"}

package/lib/floatingPanel/PanelBody.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { Checkbox } from '../components';
+import { useStyleOverrides } from '../hooks';
+import { formatValue, isColorProp } from '../utils';
+import { AddPropertyButton, AddPropertyRow } from './AddPropertyRow';
+import { EditableValue } from './EditableValue';
+import { PanelFooter } from './PanelFooter';
+/** Scrollable style property list with footer — the main content of the expanded panel. */
+export const PanelBody = ({ element }) => {
+    const { entries, addedEntries, resolveEntry, handleToggle, handleValueChange, handleKeyChange, handleAddProperty, handleAddedValueChange, handleAddedKeyChange, handleRemoveProperty, } = useStyleOverrides(element);
+    const [pendingAdd, setPendingAdd] = useState(false);
+    const totalCount = entries.length + addedEntries.length;
+    if (entries.length === 0 && addedEntries.length === 0 && !pendingAdd)
+        return null;
+    return (_jsxs(View, { style: styles.container, children: [_jsxs(ScrollView, { style: styles.list, contentContainerStyle: styles.listContent, nestedScrollEnabled: true, keyboardShouldPersistTaps: 'handled', children: [entries.map(([originalKey, originalValue], index) => {
+                        const { activeKey, displayValue, disabled } = resolveEntry(originalKey, originalValue);
+                        return (_jsxs(View, { style: [styles.row, index % 2 === 0 && styles.rowAlt], children: [_jsx(Checkbox, { checked: !disabled, onToggle: () => handleToggle(originalKey) }), _jsxs(View, { style: [styles.rowContent, disabled && styles.rowDisabled], children: [_jsx(EditableValue, { value: activeKey, displayValue: activeKey, onSubmit: (newKey) => handleKeyChange(originalKey, String(newKey)), variant: 'key', disabled: disabled }), _jsxs(View, { style: styles.valueContainer, children: [isColorProp(activeKey) && (_jsx(View, { style: [styles.colorSwatch, { backgroundColor: String(displayValue) }] })), _jsx(EditableValue, { value: displayValue, displayValue: formatValue(displayValue), onSubmit: (newValue) => handleValueChange(originalKey, newValue), variant: 'value', disabled: disabled })] })] })] }, originalKey));
+                    }), addedEntries.map(([key, value], index) => {
+                        const rowIndex = entries.length + index;
+                        return (_jsxs(View, { style: [styles.row, rowIndex % 2 === 0 && styles.rowAlt], children: [_jsx(Checkbox, { checked: true, onToggle: () => handleRemoveProperty(key) }), _jsxs(View, { style: styles.rowContent, children: [_jsx(EditableValue, { value: key, displayValue: key, onSubmit: (newKey) => handleAddedKeyChange(key, String(newKey)), variant: 'key' }), _jsxs(View, { style: styles.valueContainer, children: [isColorProp(key) && (_jsx(View, { style: [styles.colorSwatch, { backgroundColor: String(value) }] })), _jsx(EditableValue, { value: value, displayValue: formatValue(value), onSubmit: (newValue) => handleAddedValueChange(key, newValue), variant: 'value' })] })] })] }, `added-${key}`));
+                    }), pendingAdd ? (_jsx(AddPropertyRow, { onAdd: (key, value) => {
+                            handleAddProperty(key, value);
+                            setPendingAdd(false);
+                        }, onCancel: () => setPendingAdd(false) })) : (_jsx(AddPropertyButton, { onPress: () => setPendingAdd(true) }))] }), _jsx(PanelFooter, { propertyCount: totalCount, width: element.width, height: element.height })] }));
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    list: {
+        flex: 1,
+    },
+    listContent: {
+        paddingHorizontal: 12,
+        paddingVertical: 4,
+    },
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 5,
+        paddingHorizontal: 8,
+        borderRadius: 4,
+    },
+    rowContent: {
+        flex: 1,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+    rowAlt: {
+        backgroundColor: 'rgba(255, 255, 255, 0.03)',
+    },
+    rowDisabled: {
+        opacity: 0.35,
+    },
+    valueContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        flexShrink: 1,
+    },
+    colorSwatch: {
+        width: 14,
+        height: 14,
+        borderRadius: 3,
+        borderWidth: StyleSheet.hairlineWidth,
+        borderColor: '#666',
+        marginRight: 6,
+    },
+});
+//# sourceMappingURL=PanelBody.js.map

package/lib/floatingPanel/PanelBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBody.js","sourceRoot":"","sources":["../../src/floatingPanel/PanelBody.tsx"],"names":[],"mappings":"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"}

package/lib/floatingPanel/PanelFooter.d.ts

@@ -0,0 +1,9 @@
+interface PanelFooterProps {
+    propertyCount: number;
+    width: number;
+    height: number;
+}
+/** Expanded panel footer — property count, element dimensions, with top divider. */
+export declare const PanelFooter: ({ propertyCount, width, height }: PanelFooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelFooter.d.ts.map

package/lib/floatingPanel/PanelFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/PanelFooter.tsx"],"names":[],"mappings":"AAGA,UAAU,gBAAgB;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,oFAAoF;AACpF,eAAO,MAAM,WAAW,qCAAsC,gBAAgB,4CAS7E,CAAC"}

package/lib/floatingPanel/PanelFooter.js

@@ -0,0 +1,21 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { MONOSPACE_FONT } from '../constants';
+/** Expanded panel footer — property count, element dimensions, with top divider. */
+export const PanelFooter = ({ propertyCount, width, height }) => (_jsxs(View, { style: styles.footer, children: [_jsxs(Text, { style: styles.footerText, children: [propertyCount, " ", propertyCount === 1 ? 'property' : 'properties'] }), _jsxs(Text, { style: styles.footerText, children: [Math.round(width), " \u00D7 ", Math.round(height)] })] }));
+const styles = StyleSheet.create({
+    footer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+        borderTopWidth: StyleSheet.hairlineWidth,
+        borderTopColor: '#444',
+    },
+    footerText: {
+        color: '#666',
+        fontSize: 11,
+        fontFamily: MONOSPACE_FONT,
+    },
+});
+//# sourceMappingURL=PanelFooter.js.map

package/lib/floatingPanel/PanelFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelFooter.js","sourceRoot":"","sources":["../../src/floatingPanel/PanelFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAQ9C,oFAAoF;AACpF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAoB,EAAE,EAAE,CAAC,CACjF,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,aACxB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,aAC3B,aAAa,OAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,IAC3D,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,aAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAK,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IACpC,IACF,CACR,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC,aAAa;QACxC,cAAc,EAAE,MAAM;KACvB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,cAAc;KAC3B;CACF,CAAC,CAAC"}

package/lib/floatingPanel/PanelHeader.d.ts

@@ -0,0 +1,13 @@
+import type { MeasuredElement } from '../fiber';
+interface PanelHeaderProps {
+    selected: MeasuredElement;
+    matches: MeasuredElement[];
+    selectedIndex: number;
+    onCycleNext: () => void;
+    onCyclePrevious: () => void;
+    onClose: () => void;
+}
+/** Expanded panel header — grab bar, component info, cycling controls, close button. */
+export declare const PanelHeader: ({ selected, matches, selectedIndex, onCycleNext, onCyclePrevious, onClose, }: PanelHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelHeader.d.ts.map

package/lib/floatingPanel/PanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/PanelHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wFAAwF;AACxF,eAAO,MAAM,WAAW,iFAOrB,gBAAgB,4CA0ClB,CAAC"}

package/lib/floatingPanel/PanelHeader.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { MONOSPACE_FONT } from '../constants';
+import { ElementCycler } from '../ElementCycler';
+import { formatSourceLocation, getOwnerName, getSourceLocation } from '../utils';
+import { CloseButton } from './CloseButton';
+/** Expanded panel header — grab bar, component info, cycling controls, close button. */
+export const PanelHeader = ({ selected, matches, selectedIndex, onCycleNext, onCyclePrevious, onClose, }) => {
+    const source = getSourceLocation(selected.fiber);
+    const ownerName = getOwnerName(selected.fiber);
+    return (_jsxs(View, { style: styles.header, children: [_jsx(View, { style: styles.grabBarContainer, children: _jsx(View, { style: styles.grabBar }) }), _jsxs(View, { style: styles.infoRow, children: [_jsxs(Text, { style: styles.componentName, numberOfLines: 1, children: ["<", selected.componentName, ">"] }), _jsxs(View, { style: styles.controls, children: [_jsx(ElementCycler, { total: matches.length, currentIndex: selectedIndex, componentName: selected.componentName, onPrevious: onCyclePrevious, onNext: onCycleNext }), _jsx(CloseButton, { onPress: onClose })] })] }), source ? (_jsx(Text, { style: styles.sourceText, numberOfLines: 1, children: formatSourceLocation(source) })) : ownerName ? (_jsx(Text, { style: styles.sourceText, numberOfLines: 1, children: ownerName })) : null] }));
+};
+const styles = StyleSheet.create({
+    header: {
+        paddingTop: 6,
+        paddingHorizontal: 12,
+        paddingBottom: 8,
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: '#444',
+    },
+    grabBarContainer: {
+        alignItems: 'center',
+        paddingBottom: 6,
+    },
+    grabBar: {
+        width: 40,
+        height: 4,
+        borderRadius: 2,
+        backgroundColor: '#666',
+    },
+    infoRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    componentName: {
+        color: '#E06C75',
+        fontSize: 14,
+        fontWeight: '600',
+        fontFamily: MONOSPACE_FONT,
+        flexShrink: 1,
+    },
+    controls: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        flexShrink: 0,
+    },
+    sourceText: {
+        color: '#888',
+        fontSize: 11,
+        marginTop: 4,
+        fontFamily: MONOSPACE_FONT,
+    },
+});
+//# sourceMappingURL=PanelHeader.js.map

package/lib/floatingPanel/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../src/floatingPanel/PanelHeader.tsx"],"names":[],"mappings":"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"}

package/lib/floatingPanel/index.d.ts

@@ -0,0 +1,12 @@
+export { AddPropertyButton, AddPropertyRow } from './AddPropertyRow';
+export { CloseButton } from './CloseButton';
+export { EditableValue } from './EditableValue';
+export { FloatingPanel } from './FloatingPanel';
+export { HandleContent } from './HandleContent';
+export { InspectorBubble } from './InspectorBubble';
+export { PanelBody } from './PanelBody';
+export { PanelFooter } from './PanelFooter';
+export { PanelHeader } from './PanelHeader';
+export { getPanelSize } from './panelUtils';
+export type { FloatingPanelConfig, FloatingPanelProps, PanelSize, PanelState } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/floatingPanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/floatingPanel/index.js

@@ -0,0 +1,11 @@
+export { AddPropertyButton, AddPropertyRow } from './AddPropertyRow';
+export { CloseButton } from './CloseButton';
+export { EditableValue } from './EditableValue';
+export { FloatingPanel } from './FloatingPanel';
+export { HandleContent } from './HandleContent';
+export { InspectorBubble } from './InspectorBubble';
+export { PanelBody } from './PanelBody';
+export { PanelFooter } from './PanelFooter';
+export { PanelHeader } from './PanelHeader';
+export { getPanelSize } from './panelUtils';
+//# sourceMappingURL=index.js.map

package/lib/floatingPanel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/floatingPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/lib/floatingPanel/panelUtils.d.ts

@@ -0,0 +1,3 @@
+import type { PanelSize, PanelState } from './types';
+export declare const getPanelSize: (panelState: PanelState) => PanelSize;
+//# sourceMappingURL=panelUtils.d.ts.map

package/lib/floatingPanel/panelUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelUtils.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/panelUtils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,YAAY,eAAgB,UAAU,KAAG,SASrD,CAAC"}

package/lib/floatingPanel/panelUtils.js

@@ -0,0 +1,12 @@
+import { FLOATING_PANEL } from '../constants/ui';
+export const getPanelSize = (panelState) => {
+    switch (panelState) {
+        case 'bubble':
+            return { width: FLOATING_PANEL.BUBBLE_SIZE, height: FLOATING_PANEL.BUBBLE_SIZE };
+        case 'handle':
+            return { width: FLOATING_PANEL.HANDLE_WIDTH, height: FLOATING_PANEL.HANDLE_HEIGHT };
+        case 'expanded':
+            return { width: FLOATING_PANEL.PANEL_WIDTH, height: FLOATING_PANEL.PANEL_HEIGHT };
+    }
+};
+//# sourceMappingURL=panelUtils.js.map

package/lib/floatingPanel/panelUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelUtils.js","sourceRoot":"","sources":["../../src/floatingPanel/panelUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,UAAsB,EAAa,EAAE;IAChE,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,WAAW,EAAE,CAAC;QACnF,KAAK,QAAQ;YACX,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,aAAa,EAAE,CAAC;QACtF,KAAK,UAAU;YACb,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,CAAC,YAAY,EAAE,CAAC;IACtF,CAAC;AACH,CAAC,CAAC"}

package/lib/floatingPanel/types.d.ts

@@ -0,0 +1,23 @@
+import type { MeasuredElement } from '../fiber';
+export type PanelState = 'bubble' | 'handle' | 'expanded';
+export interface FloatingPanelConfig {
+    panelState: PanelState;
+    screenWidth: number;
+    screenHeight: number;
+    onTap: () => void;
+}
+export interface PanelSize {
+    width: number;
+    height: number;
+}
+export interface FloatingPanelProps {
+    panelState: PanelState;
+    selected: MeasuredElement | null;
+    matches: MeasuredElement[];
+    selectedIndex: number;
+    onToggleInspect: () => void;
+    onCycleNext: () => void;
+    onCyclePrevious: () => void;
+    onClose: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/floatingPanel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/floatingPanel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/lib/floatingPanel/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/floatingPanel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/floatingPanel/types.ts"],"names":[],"mappings":""}

package/lib/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export { useDebouncedCallback } from './useDebouncedCallback';
+export { useDebouncedValue } from './useDebouncedValue';
+export { useFloatingPanel } from './useFloatingPanel';
+export { useLayoutSnapshot } from './useLayoutSnapshot';
+export { useStyleMutation } from './useStyleMutation';
+export { useStyleOverrides } from './useStyleOverrides';
+export { useTapToSelect } from './useTapToSelect';
+//# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/hooks/index.js

@@ -0,0 +1,8 @@
+export { useDebouncedCallback } from './useDebouncedCallback';
+export { useDebouncedValue } from './useDebouncedValue';
+export { useFloatingPanel } from './useFloatingPanel';
+export { useLayoutSnapshot } from './useLayoutSnapshot';
+export { useStyleMutation } from './useStyleMutation';
+export { useStyleOverrides } from './useStyleOverrides';
+export { useTapToSelect } from './useTapToSelect';
+//# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1,2 @@
+export declare const useDebouncedCallback: <Args extends unknown[]>(callback: (...args: Args) => void, delay: number) => ((...args: Args) => void);
+//# sourceMappingURL=useDebouncedCallback.d.ts.map

package/lib/hooks/useDebouncedCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,IAAI,SAAS,OAAO,EAAE,YAC/C,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,SAC1B,MAAM,KACZ,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,IAAI,CAY1B,CAAC"}

package/lib/hooks/useDebouncedCallback.js

@@ -0,0 +1,12 @@
+import { useCallback, useRef } from 'react';
+export const useDebouncedCallback = (callback, delay) => {
+    const timeout = useRef(null);
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    return useCallback((...args) => {
+        if (timeout.current)
+            clearTimeout(timeout.current);
+        timeout.current = setTimeout(() => callbackRef.current(...args), delay);
+    }, [delay]);
+};
+//# sourceMappingURL=useDebouncedCallback.js.map

package/lib/hooks/useDebouncedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAiC,EACjC,KAAa,EACc,EAAE;IAC7B,MAAM,OAAO,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,OAAO,WAAW,CAChB,CAAC,GAAG,IAAU,EAAE,EAAE;QAChB,IAAI,OAAO,CAAC,OAAO;YAAE,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACnD,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC1E,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/hooks/useDebouncedValue.d.ts

@@ -0,0 +1,2 @@
+export declare const useDebouncedValue: <T>(value: T, delay: number) => T;
+//# sourceMappingURL=useDebouncedValue.d.ts.map

package/lib/hooks/useDebouncedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedValue.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,CAAC,SAAS,MAAM,KAAG,CAS9D,CAAC"}

package/lib/hooks/useDebouncedValue.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from 'react';
+export const useDebouncedValue = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debouncedValue;
+};
+//# sourceMappingURL=useDebouncedValue.js.map

package/lib/hooks/useDebouncedValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,KAAQ,EAAE,KAAa,EAAK,EAAE;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/lib/hooks/useFloatingPanel.d.ts

@@ -0,0 +1,14 @@
+import { Animated } from 'react-native';
+import type { FloatingPanelConfig } from '../floatingPanel/types';
+/**
+ * Core animation/gesture hook for the floating inspector panel.
+ * Owns Animated.ValueXY for position, PanResponder for drag,
+ * and Animated.Value for expand/collapse transitions.
+ */
+export declare const useFloatingPanel: ({ panelState, screenWidth, screenHeight, onTap, }: FloatingPanelConfig) => {
+    position: Animated.ValueXY;
+    expandProgress: Animated.Value;
+    panHandlers: import("react-native").GestureResponderHandlers;
+    panelSize: import("../floatingPanel").PanelSize;
+};
+//# sourceMappingURL=useFloatingPanel.d.ts.map

package/lib/hooks/useFloatingPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPanel.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingPanel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAgB,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAGlE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,sDAK1B,mBAAmB;;;;;CA6KrB,CAAC"}