@dangerousthings/react-native 0.1.0

package/dist/components/DTMediaFrame.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT MediaFrame Component
+ *
+ * A beveled frame for images and video content following the
+ * Dangerous Things design language. No RNP equivalent.
+ *
+ * Web CSS reference (CyberMediaFrame / .media-frame-clipped):
+ * - Top-left + bottom-right diagonal symmetry bevels
+ * - Colored border with dark inner background
+ * - Optional mount scale animation
+ */
+import { useRef, useEffect } from 'react';
+import { StyleSheet, View, Animated } from 'react-native';
+import Svg, { Path, Defs, ClipPath } from 'react-native-svg';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+import { buildMediaFrameBevelPath } from '../utils/bevelPaths';
+import { useComponentLayout } from '../utils/useComponentLayout';
+/**
+ * DT-styled MediaFrame with diagonal-symmetry beveled corners
+ *
+ * @example
+ * <DTMediaFrame variant="normal" aspectRatio={16/9}>
+ *   <Image source={{uri: imageUrl}} style={{flex: 1}} />
+ * </DTMediaFrame>
+ *
+ * @example
+ * <DTMediaFrame variant="emphasis" bevelSize={24}>
+ *   <Video source={videoSource} />
+ * </DTMediaFrame>
+ */
+export function DTMediaFrame({ children, variant = 'normal', aspectRatio, borderWidth = 3, bevelSize = 32, animated = true, animationDelay = 0, color, style, contentStyle, }) {
+    const { dimensions, onLayout, hasDimensions } = useComponentLayout();
+    const scaleAnim = useRef(new Animated.Value(animated ? 0 : 1)).current;
+    const accentColor = getVariantColor(variant, color);
+    useEffect(() => {
+        if (animated) {
+            Animated.timing(scaleAnim, {
+                toValue: 1,
+                duration: 300,
+                delay: animationDelay,
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [animated, animationDelay, scaleAnim]);
+    const { width, height } = dimensions;
+    // Outer bevel path (full frame shape)
+    const outerPath = hasDimensions
+        ? buildMediaFrameBevelPath(width, height, bevelSize)
+        : '';
+    // Inner bevel path at border inset
+    const innerPath = hasDimensions
+        ? buildMediaFrameBevelPath(width, height, bevelSize - borderWidth, borderWidth)
+        : '';
+    return (_jsxs(Animated.View, { style: [
+            styles.container,
+            aspectRatio ? { aspectRatio } : undefined,
+            { transform: [{ scale: scaleAnim }] },
+            style,
+        ], onLayout: onLayout, children: [hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: innerPath, fill: DTColors.dark }) })), hasDimensions ? (_jsxs(View, { style: [styles.content, contentStyle], children: [_jsx(Svg, { width: width, height: height, viewBox: `0 0 ${width} ${height}`, style: StyleSheet.absoluteFill, children: _jsx(Defs, { children: _jsx(ClipPath, { id: "mediaClip", children: _jsx(Path, { d: innerPath }) }) }) }), _jsx(View, { style: [
+                            StyleSheet.absoluteFill,
+                            {
+                                margin: borderWidth,
+                                // Use borderRadius 0 to keep angular, overflow hidden clips rectangular part
+                                overflow: 'hidden',
+                            },
+                        ], children: children })] })) : (_jsx(View, { style: [styles.content, { padding: borderWidth }, contentStyle], children: children })), hasDimensions && (_jsxs(Svg, { style: [StyleSheet.absoluteFill, styles.frameOverlay], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: [_jsx(Path, { d: outerPath + ' ' + innerPath, fillRule: "evenodd", fill: accentColor }), _jsx(Path, { d: `M 0 0 L ${width} 0 L ${width} ${height} L 0 ${height} Z ` + outerPath, fillRule: "evenodd", fill: DTColors.dark })] }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    content: {
+        position: 'relative',
+        zIndex: 1,
+        overflow: 'hidden',
+        flex: 1,
+    },
+    frameOverlay: {
+        zIndex: 2,
+    },
+});
+//# sourceMappingURL=DTMediaFrame.js.map

package/dist/components/DTMediaFrame.js.map

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

package/dist/components/DTMenu.d.ts

@@ -0,0 +1,119 @@
+/**
+ * DT Menu Component
+ *
+ * Wraps React Native Paper's Menu for dropdown positioning, with custom
+ * menu items styled to the Dangerous Things aesthetic.
+ *
+ * Web CSS reference (CyberMenu):
+ * - Hierarchical items with menu-item-clipped styling
+ * - Active/selected state with emphasis color fill
+ * - borderTopWidth: 5 thick accent border
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+export interface DTMenuItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display title
+     */
+    title: string;
+    /**
+     * Press handler (leaf items)
+     */
+    onPress?: () => void;
+    /**
+     * Sub-menu items
+     */
+    items?: DTMenuItem[];
+    /**
+     * Whether this item is currently active
+     */
+    isActive?: boolean;
+}
+interface DTMenuProps {
+    /**
+     * Menu items
+     */
+    items: DTMenuItem[];
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Variant for active items
+     * @default 'emphasis'
+     */
+    activeVariant?: DTVariant;
+    /**
+     * Layout direction
+     * @default 'vertical'
+     */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled Menu with hierarchical items
+ *
+ * For inline menu display (not dropdown). Items with sub-items
+ * expand/collapse on press.
+ *
+ * @example
+ * <DTMenu items={[
+ *   { id: '1', title: 'Home', onPress: goHome, isActive: true },
+ *   { id: '2', title: 'Products', items: [
+ *     { id: '2a', title: 'NFC Tags', onPress: goTags },
+ *   ]},
+ * ]} />
+ */
+export declare function DTMenu({ items, variant, activeVariant, layout, style, }: DTMenuProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * For dropdown use, wraps RNP Menu for positioning/portal behavior
+ */
+interface DTMenuDropdownProps {
+    /**
+     * Menu items
+     */
+    items: DTMenuItem[];
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Anchor element or position
+     */
+    anchor: React.ReactNode;
+    /**
+     * Whether the menu is visible
+     */
+    visible: boolean;
+    /**
+     * Called when the menu is dismissed
+     */
+    onDismiss: () => void;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled dropdown Menu wrapping React Native Paper Menu
+ *
+ * @example
+ * <DTMenuDropdown
+ *   items={menuItems}
+ *   anchor={<DTButton onPress={open}>Open Menu</DTButton>}
+ *   visible={menuVisible}
+ *   onDismiss={() => setMenuVisible(false)}
+ * />
+ */
+export declare function DTMenuDropdown({ items, variant, anchor, visible, onDismiss, style, }: DTMenuDropdownProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTMenu.d.ts.map

package/dist/components/DTMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTMenu.d.ts","sourceRoot":"","sources":["../../src/components/DTMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,aAA0B,EAC1B,MAAmB,EACnB,KAAK,GACN,EAAE,WAAW,2CAmBb;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,OAAkB,EAClB,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,2CAiCrB"}

package/dist/components/DTMenu.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Menu Component
+ *
+ * Wraps React Native Paper's Menu for dropdown positioning, with custom
+ * menu items styled to the Dangerous Things aesthetic.
+ *
+ * Web CSS reference (CyberMenu):
+ * - Hierarchical items with menu-item-clipped styling
+ * - Active/selected state with emphasis color fill
+ * - borderTopWidth: 5 thick accent border
+ */
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { StyleSheet, View, Pressable, Animated, } from 'react-native';
+import { Menu, Text } from 'react-native-paper';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+/**
+ * DT-styled Menu with hierarchical items
+ *
+ * For inline menu display (not dropdown). Items with sub-items
+ * expand/collapse on press.
+ *
+ * @example
+ * <DTMenu items={[
+ *   { id: '1', title: 'Home', onPress: goHome, isActive: true },
+ *   { id: '2', title: 'Products', items: [
+ *     { id: '2a', title: 'NFC Tags', onPress: goTags },
+ *   ]},
+ * ]} />
+ */
+export function DTMenu({ items, variant = 'normal', activeVariant = 'emphasis', layout = 'vertical', style, }) {
+    return (_jsx(View, { style: [
+            styles.container,
+            layout === 'horizontal' ? styles.horizontal : styles.vertical,
+            style,
+        ], children: items.map(item => (_jsx(DTMenuItemRow, { item: item, variant: variant, activeVariant: activeVariant, level: 0 }, item.id))) }));
+}
+/**
+ * DT-styled dropdown Menu wrapping React Native Paper Menu
+ *
+ * @example
+ * <DTMenuDropdown
+ *   items={menuItems}
+ *   anchor={<DTButton onPress={open}>Open Menu</DTButton>}
+ *   visible={menuVisible}
+ *   onDismiss={() => setMenuVisible(false)}
+ * />
+ */
+export function DTMenuDropdown({ items, variant = 'normal', anchor, visible, onDismiss, style, }) {
+    const accentColor = getVariantColor(variant);
+    return (_jsx(Menu, { visible: visible, onDismiss: onDismiss, anchor: anchor, anchorPosition: "bottom", contentStyle: [
+            styles.dropdownContent,
+            { borderColor: accentColor },
+            style,
+        ], theme: {
+            colors: {
+                elevation: { level2: DTColors.dark },
+            },
+        }, children: items.map(item => (_jsx(Menu.Item, { title: item.title, onPress: () => {
+                item.onPress?.();
+                onDismiss();
+            }, titleStyle: [styles.dropdownItemTitle, { color: DTColors.light }], style: styles.dropdownItem }, item.id))) }));
+}
+// --- Internal DTMenuItemRow ---
+function DTMenuItemRow({ item, variant, activeVariant, level, }) {
+    const [expanded, setExpanded] = useState(false);
+    const hasChildren = item.items && item.items.length > 0;
+    const isActive = item.isActive || expanded;
+    const itemColor = getVariantColor(isActive ? activeVariant : variant);
+    const heightAnim = useRef(new Animated.Value(0)).current;
+    const chevronAnim = useRef(new Animated.Value(0)).current;
+    const [contentHeight, setContentHeight] = useState(0);
+    const [measured, setMeasured] = useState(false);
+    useEffect(() => {
+        if (!hasChildren)
+            return;
+        Animated.parallel([
+            Animated.timing(heightAnim, {
+                toValue: expanded ? 1 : 0,
+                duration: 250,
+                useNativeDriver: false,
+            }),
+            Animated.timing(chevronAnim, {
+                toValue: expanded ? 1 : 0,
+                duration: 250,
+                useNativeDriver: true,
+            }),
+        ]).start();
+    }, [expanded, heightAnim, chevronAnim, hasChildren]);
+    const handlePress = useCallback(() => {
+        if (hasChildren) {
+            setExpanded(prev => !prev);
+        }
+        else {
+            item.onPress?.();
+        }
+    }, [hasChildren, item]);
+    const animatedHeight = heightAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, contentHeight],
+    });
+    const chevronRotate = chevronAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '180deg'],
+    });
+    return (_jsxs(View, { children: [_jsxs(Pressable, { onPress: handlePress, style: ({ pressed }) => [
+                    styles.menuItem,
+                    {
+                        borderColor: itemColor,
+                        borderTopColor: itemColor,
+                        backgroundColor: isActive
+                            ? `${itemColor}20`
+                            : DTColors.dark,
+                        paddingLeft: 16 + level * 16,
+                        opacity: pressed ? 0.7 : 1,
+                    },
+                ], children: [_jsx(Text, { style: [styles.menuItemTitle, { color: itemColor }], children: item.title }), hasChildren && (_jsx(Animated.View, { style: [
+                            styles.chevron,
+                            { transform: [{ rotate: chevronRotate }] },
+                        ], children: _jsx(View, { style: [styles.chevronArrow, { borderTopColor: itemColor }] }) }))] }), hasChildren && (_jsx(Animated.View, { style: {
+                    height: measured ? animatedHeight : undefined,
+                    overflow: 'hidden',
+                }, children: _jsx(View, { onLayout: e => {
+                        const h = e.nativeEvent.layout.height;
+                        if (h > 0 && !measured) {
+                            setContentHeight(h);
+                            setMeasured(true);
+                            if (!expanded) {
+                                heightAnim.setValue(0);
+                            }
+                        }
+                    }, children: item.items?.map(child => (_jsx(DTMenuItemRow, { item: child, variant: variant, activeVariant: activeVariant, level: level + 1 }, child.id))) }) }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        gap: 4,
+    },
+    horizontal: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+    },
+    vertical: {
+        flexDirection: 'column',
+    },
+    menuItem: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        borderWidth: 1,
+        borderTopWidth: 5,
+        paddingVertical: 12,
+        paddingRight: 16,
+    },
+    menuItemTitle: {
+        fontWeight: '600',
+        letterSpacing: 0.5,
+        textTransform: 'uppercase',
+        fontSize: 14,
+    },
+    chevron: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: 24,
+        height: 24,
+    },
+    chevronArrow: {
+        width: 0,
+        height: 0,
+        borderLeftWidth: 5,
+        borderRightWidth: 5,
+        borderTopWidth: 7,
+        borderLeftColor: 'transparent',
+        borderRightColor: 'transparent',
+    },
+    dropdownContent: {
+        borderWidth: 2,
+        borderRadius: 0,
+        backgroundColor: DTColors.dark,
+    },
+    dropdownItem: {
+        borderRadius: 0,
+    },
+    dropdownItemTitle: {
+        letterSpacing: 0.3,
+    },
+});
+//# sourceMappingURL=DTMenu.js.map

package/dist/components/DTMenu.js.map

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

package/dist/components/DTModal.d.ts

@@ -0,0 +1,64 @@
+/**
+ * DT Modal Component
+ *
+ * Wraps React Native Paper's Modal + Portal with the Dangerous Things
+ * aesthetic. Content is rendered inside a DTCard for the beveled look.
+ *
+ * Web CSS reference (Modal.tsx):
+ * - Centered overlay with dark backdrop
+ * - Content in beveled card container
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTModalProps {
+    /**
+     * Whether the modal is visible
+     */
+    visible: boolean;
+    /**
+     * Called when the modal is dismissed
+     */
+    onDismiss: () => void;
+    /**
+     * Optional title for the modal header
+     */
+    title?: string;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Modal content
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the modal can be dismissed by tapping the backdrop
+     * @default true
+     */
+    dismissable?: boolean;
+    /**
+     * Additional styles for the card content area
+     */
+    contentStyle?: StyleProp<ViewStyle>;
+    /**
+     * Additional styles for the modal container
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled Modal wrapping React Native Paper Modal + Portal
+ *
+ * @example
+ * <DTModal visible={showModal} onDismiss={() => setShowModal(false)} title="Confirm">
+ *   <Text>Are you sure?</Text>
+ * </DTModal>
+ *
+ * @example
+ * <DTModal visible={isOpen} onDismiss={close} variant="warning" title="Error">
+ *   <Text>Something went wrong</Text>
+ * </DTModal>
+ */
+export declare function DTModal({ visible, onDismiss, title, variant, children, dismissable, contentStyle, style, }: DTModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTModal.d.ts.map

package/dist/components/DTModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTModal.d.ts","sourceRoot":"","sources":["../../src/components/DTModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAa,SAAS,EAAE,SAAS,EAAiC,MAAM,cAAc,CAAC;AAG9F,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAGtD,UAAU,YAAY;IACpB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAkB,EAClB,QAAQ,EACR,WAAkB,EAClB,YAAY,EACZ,KAAK,GACN,EAAE,YAAY,2CA4Bd"}

package/dist/components/DTModal.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DT Modal Component
+ *
+ * Wraps React Native Paper's Modal + Portal with the Dangerous Things
+ * aesthetic. Content is rendered inside a DTCard for the beveled look.
+ *
+ * Web CSS reference (Modal.tsx):
+ * - Centered overlay with dark backdrop
+ * - Content in beveled card container
+ */
+import { StyleSheet, KeyboardAvoidingView, Platform } from 'react-native';
+import { Portal, Modal } from 'react-native-paper';
+import { DTColors } from '../theme/colors';
+import { DTCard } from './DTCard';
+/**
+ * DT-styled Modal wrapping React Native Paper Modal + Portal
+ *
+ * @example
+ * <DTModal visible={showModal} onDismiss={() => setShowModal(false)} title="Confirm">
+ *   <Text>Are you sure?</Text>
+ * </DTModal>
+ *
+ * @example
+ * <DTModal visible={isOpen} onDismiss={close} variant="warning" title="Error">
+ *   <Text>Something went wrong</Text>
+ * </DTModal>
+ */
+export function DTModal({ visible, onDismiss, title, variant = 'normal', children, dismissable = true, contentStyle, style, }) {
+    return (_jsx(Portal, { children: _jsx(Modal, { visible: visible, onDismiss: onDismiss, dismissable: dismissable, contentContainerStyle: [styles.container, style], style: styles.modal, theme: {
+                colors: {
+                    backdrop: DTColors.overlay,
+                },
+            }, children: _jsx(KeyboardAvoidingView, { behavior: Platform.OS === 'ios' ? 'padding' : undefined, style: styles.keyboardAvoid, children: _jsx(DTCard, { mode: variant, title: title, showHeader: !!title, contentStyle: contentStyle, children: children }) }) }) }));
+}
+const styles = StyleSheet.create({
+    modal: {},
+    container: {
+        marginHorizontal: 24,
+    },
+    keyboardAvoid: {
+        width: '100%',
+    },
+});
+//# sourceMappingURL=DTModal.js.map

package/dist/components/DTModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTModal.js","sourceRoot":"","sources":["../../src/components/DTModal.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAC,UAAU,EAAwB,oBAAoB,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC9F,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAuChC;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,YAAY,EACZ,KAAK,GACQ;IACb,OAAO,CACL,KAAC,MAAM,cACL,KAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAChD,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE;gBACL,MAAM,EAAE;oBACN,QAAQ,EAAE,QAAQ,CAAC,OAAO;iBAC3B;aACF,YACD,KAAC,oBAAoB,IACnB,QAAQ,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,KAAK,EAAE,MAAM,CAAC,aAAa,YAC3B,KAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,CAAC,KAAK,EACnB,YAAY,EAAE,YAAY,YACzB,QAAQ,GACF,GACY,GACjB,GACD,CACV,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE;IACT,SAAS,EAAE;QACT,gBAAgB,EAAE,EAAE;KACrB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

package/dist/components/DTProgressBar.d.ts

@@ -0,0 +1,66 @@
+/**
+ * DT ProgressBar Component
+ *
+ * A themed progress bar wrapping React Native Paper's ProgressBar
+ * with the Dangerous Things angular aesthetic.
+ *
+ * Web CSS reference (.progress / .progress-indicator):
+ * - Vertical or horizontal bar showing progress 0-100%
+ * - Mode-colored fill
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTProgressBarProps {
+    /**
+     * Progress value between 0 and 1
+     */
+    value: number;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Orientation of the bar
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Bar thickness in pixels
+     * @default 4
+     */
+    height?: number;
+    /**
+     * Whether to animate progress changes
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Show percentage label
+     * @default false
+     */
+    showLabel?: boolean;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled ProgressBar wrapping React Native Paper ProgressBar
+ *
+ * @example
+ * <DTProgressBar value={0.75} variant="normal" />
+ *
+ * @example
+ * <DTProgressBar value={0.5} variant="emphasis" showLabel />
+ *
+ * @example
+ * <DTProgressBar value={0.3} orientation="vertical" height={100} variant="success" />
+ */
+export declare function DTProgressBar({ value, variant, orientation, height, animated: _animated, showLabel, color, style, }: DTProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTProgressBar.d.ts.map

package/dist/components/DTProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/DTProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAGvE,UAAU,kBAAkB;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAkB,EAClB,WAA0B,EAC1B,MAAU,EACV,QAAQ,EAAE,SAAgB,EAC1B,SAAiB,EACjB,KAAK,EACL,KAAK,GACN,EAAE,kBAAkB,2CAmCpB"}