@dangerousthings/react-native 0.1.0

package/dist/components/DTGallery.js.map

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

package/dist/components/DTHexagon.d.ts

@@ -0,0 +1,81 @@
+/**
+ * DT Hexagon Component
+ *
+ * Decorative hexagon shape following the Dangerous Things design language.
+ * No RNP equivalent — purely SVG-based.
+ *
+ * Web CSS reference (AnimatedHexagon / HexagonHamburgerMenu):
+ * - Flat-top hexagon shape
+ * - Optional rotation and pulse animations
+ * - Used for loading indicators, backgrounds, menu icons
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTHexagonProps {
+    /**
+     * Hexagon diameter in pixels
+     */
+    size: number;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Whether the hexagon has a solid fill
+     * @default true
+     */
+    filled?: boolean;
+    /**
+     * Whether to animate
+     * @default false
+     */
+    animated?: boolean;
+    /**
+     * Animation type
+     * @default 'none'
+     */
+    animationType?: 'rotate' | 'pulse' | 'none';
+    /**
+     * Animation duration in milliseconds
+     * @default 2000
+     */
+    animationDuration?: number;
+    /**
+     * Stroke/border width when not filled
+     * @default 2
+     */
+    borderWidth?: number;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Opacity
+     * @default 1
+     */
+    opacity?: number;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Content rendered centered inside the hexagon
+     */
+    children?: React.ReactNode;
+}
+/**
+ * DT-styled decorative Hexagon
+ *
+ * @example
+ * <DTHexagon size={60} variant="normal" />
+ *
+ * @example
+ * <DTHexagon size={40} variant="emphasis" animated animationType="rotate" />
+ *
+ * @example
+ * <DTHexagon size={80} variant="success" filled={false} animated animationType="pulse" />
+ */
+export declare function DTHexagon({ size, variant, filled, animated, animationType, animationDuration, borderWidth, color, opacity: opacityProp, style, children, }: DTHexagonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTHexagon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTHexagon.d.ts","sourceRoot":"","sources":["../../src/components/DTHexagon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,cAAc;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAkB,EAClB,MAAa,EACb,QAAgB,EAChB,aAAsB,EACtB,iBAAwB,EACxB,WAAe,EACf,KAAK,EACL,OAAO,EAAE,WAAe,EACxB,KAAK,EACL,QAAQ,GACT,EAAE,cAAc,2CAwFhB"}

package/dist/components/DTHexagon.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Hexagon Component
+ *
+ * Decorative hexagon shape following the Dangerous Things design language.
+ * No RNP equivalent — purely SVG-based.
+ *
+ * Web CSS reference (AnimatedHexagon / HexagonHamburgerMenu):
+ * - Flat-top hexagon shape
+ * - Optional rotation and pulse animations
+ * - Used for loading indicators, backgrounds, menu icons
+ */
+import { useRef, useEffect } from 'react';
+import { StyleSheet, View, Animated } from 'react-native';
+import Svg, { Polygon } from 'react-native-svg';
+import { getVariantColor } from '../utils/variantColors';
+/**
+ * Build flat-top hexagon SVG polygon points
+ */
+function buildHexagonPoints(size) {
+    const cx = size / 2;
+    const cy = size / 2;
+    const r = size / 2;
+    return [0, 1, 2, 3, 4, 5]
+        .map(i => {
+        const angle = (Math.PI / 3) * i - Math.PI / 6; // flat-top orientation
+        const x = cx + r * Math.cos(angle);
+        const y = cy + r * Math.sin(angle);
+        return `${x},${y}`;
+    })
+        .join(' ');
+}
+/**
+ * DT-styled decorative Hexagon
+ *
+ * @example
+ * <DTHexagon size={60} variant="normal" />
+ *
+ * @example
+ * <DTHexagon size={40} variant="emphasis" animated animationType="rotate" />
+ *
+ * @example
+ * <DTHexagon size={80} variant="success" filled={false} animated animationType="pulse" />
+ */
+export function DTHexagon({ size, variant = 'normal', filled = true, animated = false, animationType = 'none', animationDuration = 2000, borderWidth = 2, color, opacity: opacityProp = 1, style, children, }) {
+    const accentColor = getVariantColor(variant, color);
+    const rotateAnim = useRef(new Animated.Value(0)).current;
+    const pulseAnim = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        if (!animated) {
+            rotateAnim.setValue(0);
+            pulseAnim.setValue(1);
+            return;
+        }
+        if (animationType === 'rotate') {
+            const animation = Animated.loop(Animated.timing(rotateAnim, {
+                toValue: 1,
+                duration: animationDuration,
+                useNativeDriver: true,
+            }));
+            animation.start();
+            return () => {
+                animation.stop();
+                rotateAnim.setValue(0);
+            };
+        }
+        if (animationType === 'pulse') {
+            const animation = Animated.loop(Animated.sequence([
+                Animated.timing(pulseAnim, {
+                    toValue: 0.3,
+                    duration: animationDuration / 2,
+                    useNativeDriver: true,
+                }),
+                Animated.timing(pulseAnim, {
+                    toValue: 1,
+                    duration: animationDuration / 2,
+                    useNativeDriver: true,
+                }),
+            ]));
+            animation.start();
+            return () => {
+                animation.stop();
+                pulseAnim.setValue(1);
+            };
+        }
+    }, [animated, animationType, animationDuration, rotateAnim, pulseAnim]);
+    const rotation = rotateAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg'],
+    });
+    const animatedOpacity = animated && animationType === 'pulse' ? pulseAnim : opacityProp;
+    const transform = animated && animationType === 'rotate'
+        ? [{ rotate: rotation }]
+        : [];
+    const points = buildHexagonPoints(size);
+    return (_jsxs(Animated.View, { style: [
+            styles.container,
+            { width: size, height: size, opacity: animatedOpacity },
+            transform.length > 0 ? { transform } : undefined,
+            style,
+        ], children: [_jsx(Svg, { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: _jsx(Polygon, { points: points, fill: filled ? accentColor : 'transparent', stroke: accentColor, strokeWidth: filled ? 0 : borderWidth }) }), children && (_jsx(View, { style: [StyleSheet.absoluteFill, styles.childrenContainer], children: children }))] }));
+}
+const styles = StyleSheet.create({
+    container: {},
+    childrenContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+});
+//# sourceMappingURL=DTHexagon.js.map

package/dist/components/DTHexagon.js.map

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

package/dist/components/DTLabel.d.ts

@@ -0,0 +1,100 @@
+/**
+ * DT Label Component
+ *
+ * A themed label following the Dangerous Things design language
+ * with an SVG-based beveled top-right corner.
+ *
+ * Web CSS reference (CyberLabel):
+ * - Top-right bevel: 1em (~16px)
+ * - Solid filled background using mode color
+ * - Black text on colored background
+ */
+import { ReactNode } from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+type DTLabelSize = 'small' | 'medium' | 'large';
+interface DTLabelProps {
+    /**
+     * Primary text content
+     */
+    primaryText: ReactNode;
+    /**
+     * Secondary text (displayed bold, after primary)
+     */
+    secondaryText?: ReactNode;
+    /**
+     * Color mode for the label
+     * @default 'normal'
+     */
+    mode?: DTVariant;
+    /**
+     * Size of the label - affects text size and scales all dimensions
+     * @default 'medium'
+     */
+    size?: DTLabelSize;
+    /**
+     * Whether the label should fill its container width
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether to animate the label on mount
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Animation delay in milliseconds
+     * @default 100
+     */
+    animationDelay?: number;
+    /**
+     * Animation duration in milliseconds
+     * @default 330
+     */
+    animationDuration?: number;
+    /**
+     * Whether to show the pinging indicator
+     * @default true
+     */
+    showIndicator?: boolean;
+    /**
+     * Top-right bevel size in pixels (overrides size-based default)
+     */
+    bevelSize?: number;
+    /**
+     * Additional styles for the label container
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled Label component with SVG beveled top-right corner
+ *
+ * Based on CyberLabel from the Dangerous Things web storefront.
+ * Features a solid colored background with black text and an optional
+ * animated ping indicator.
+ *
+ * @example
+ * <DTLabel primaryText="Detected" secondaryText="NTAG215" mode="normal" />
+ *
+ * @example
+ * <DTLabel primaryText="Status" secondaryText="Ready to scan" mode="success" fullWidth />
+ *
+ * @example
+ * <DTLabel primaryText="Warning" mode="warning" showIndicator={false} />
+ *
+ * @example
+ * <DTLabel primaryText="Small label" size="small" />
+ *
+ * @example
+ * <DTLabel primaryText="Large label" size="large" mode="emphasis" />
+ */
+export declare function DTLabel({ primaryText, secondaryText, mode, size, fullWidth, animated, animationDelay, animationDuration, showIndicator, bevelSize, style, }: DTLabelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * DT Label design constants matching web CSS
+ */
+export declare const DTLabelClipPath: {
+    css: string;
+    bevelSize: number;
+};
+export {};
+//# sourceMappingURL=DTLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTLabel.d.ts","sourceRoot":"","sources":["../../src/components/DTLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAI9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AA0ChD,UAAU,YAAY;IACpB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAAW,EACX,aAAa,EACb,IAAe,EACf,IAAe,EACf,SAAiB,EACjB,QAAe,EACf,cAAoB,EACpB,iBAAuB,EACvB,aAAoB,EACpB,SAAS,EACT,KAAK,GACN,EAAE,YAAY,2CA8Gd;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAW3B,CAAC"}

package/dist/components/DTLabel.js

@@ -0,0 +1,189 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Label Component
+ *
+ * A themed label following the Dangerous Things design language
+ * with an SVG-based beveled top-right corner.
+ *
+ * Web CSS reference (CyberLabel):
+ * - Top-right bevel: 1em (~16px)
+ * - Solid filled background using mode color
+ * - Black text on colored background
+ */
+import { useEffect, useRef } from 'react';
+import { StyleSheet, View, Animated } from 'react-native';
+import { Text } from 'react-native-paper';
+import Svg, { Path } from 'react-native-svg';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+import { buildLabelBevelPath } from '../utils/bevelPaths';
+import { useComponentLayout } from '../utils/useComponentLayout';
+const sizeConfigs = {
+    small: {
+        fontSize: 11,
+        fontSizeSecondary: 11,
+        paddingHorizontal: 8,
+        paddingVertical: 4,
+        bevel: 10,
+        indicatorWidth: 12,
+        gap: 3,
+    },
+    medium: {
+        fontSize: 14,
+        fontSizeSecondary: 14,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        bevel: 16,
+        indicatorWidth: 16,
+        gap: 4,
+    },
+    large: {
+        fontSize: 18,
+        fontSizeSecondary: 18,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        bevel: 22,
+        indicatorWidth: 20,
+        gap: 6,
+    },
+};
+/**
+ * DT-styled Label component with SVG beveled top-right corner
+ *
+ * Based on CyberLabel from the Dangerous Things web storefront.
+ * Features a solid colored background with black text and an optional
+ * animated ping indicator.
+ *
+ * @example
+ * <DTLabel primaryText="Detected" secondaryText="NTAG215" mode="normal" />
+ *
+ * @example
+ * <DTLabel primaryText="Status" secondaryText="Ready to scan" mode="success" fullWidth />
+ *
+ * @example
+ * <DTLabel primaryText="Warning" mode="warning" showIndicator={false} />
+ *
+ * @example
+ * <DTLabel primaryText="Small label" size="small" />
+ *
+ * @example
+ * <DTLabel primaryText="Large label" size="large" mode="emphasis" />
+ */
+export function DTLabel({ primaryText, secondaryText, mode = 'normal', size = 'medium', fullWidth = false, animated = true, animationDelay = 100, animationDuration = 330, showIndicator = true, bevelSize, style, }) {
+    const { dimensions, onLayout, hasDimensions } = useComponentLayout();
+    const scaleAnim = useRef(new Animated.Value(animated ? 0 : 1)).current;
+    const pingAnim = useRef(new Animated.Value(1)).current;
+    const backgroundColor = getVariantColor(mode);
+    const sizeConfig = sizeConfigs[size];
+    const effectiveBevelSize = bevelSize ?? sizeConfig.bevel;
+    // Mount animation
+    useEffect(() => {
+        if (animated) {
+            Animated.timing(scaleAnim, {
+                toValue: 1,
+                duration: animationDuration,
+                delay: animationDelay,
+                useNativeDriver: true,
+            }).start();
+        }
+    }, [animated, animationDelay, animationDuration, scaleAnim]);
+    // Ping animation loop
+    useEffect(() => {
+        if (showIndicator) {
+            const pingAnimation = Animated.loop(Animated.sequence([
+                Animated.timing(pingAnim, {
+                    toValue: 0.3,
+                    duration: 1000,
+                    useNativeDriver: true,
+                }),
+                Animated.timing(pingAnim, {
+                    toValue: 1,
+                    duration: 1000,
+                    useNativeDriver: true,
+                }),
+            ]));
+            pingAnimation.start();
+            return () => {
+                pingAnimation.stop();
+                pingAnim.setValue(1);
+            };
+        }
+        pingAnim.setValue(1);
+    }, [showIndicator, pingAnim]);
+    const { width, height } = dimensions;
+    return (_jsxs(Animated.View, { style: [
+            styles.container,
+            fullWidth && styles.fullWidth,
+            { 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: buildLabelBevelPath(width, height, effectiveBevelSize), fill: backgroundColor }) })), _jsxs(View, { style: styles.innerContainer, children: [_jsxs(View, { style: [
+                            styles.textContainer,
+                            {
+                                paddingHorizontal: sizeConfig.paddingHorizontal,
+                                paddingVertical: sizeConfig.paddingVertical,
+                                gap: sizeConfig.gap,
+                            },
+                        ], children: [_jsx(Text, { style: [
+                                    styles.primaryText,
+                                    { fontSize: sizeConfig.fontSize },
+                                ], children: primaryText }), secondaryText && (_jsx(Text, { style: [
+                                    styles.secondaryText,
+                                    { fontSize: sizeConfig.fontSizeSecondary },
+                                ], children: secondaryText }))] }), showIndicator && (_jsx(Animated.View, { style: [
+                            styles.indicator,
+                            { opacity: pingAnim, paddingLeft: sizeConfig.paddingHorizontal / 1.5 },
+                        ], children: _jsx(View, { style: [
+                                styles.indicatorLine,
+                                { borderColor: DTColors.dark, width: sizeConfig.indicatorWidth },
+                            ] }) }))] })] }));
+}
+/**
+ * DT Label design constants matching web CSS
+ */
+export const DTLabelClipPath = {
+    // CSS-style clip path (for web reference)
+    css: `polygon(
+    0% 0%,
+    calc(100% - 1em) 0%,
+    100% 1em,
+    100% 100%,
+    0% 100%
+  )`,
+    // Default bevel size in pixels (matching 1em at 16px base)
+    bevelSize: 16,
+};
+const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+        alignSelf: 'flex-start',
+        margin: 8,
+    },
+    fullWidth: {
+        alignSelf: 'stretch',
+    },
+    innerContainer: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        position: 'relative',
+        zIndex: 1,
+    },
+    textContainer: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        alignItems: 'center',
+    },
+    primaryText: {
+        color: DTColors.dark,
+        fontWeight: '500',
+    },
+    secondaryText: {
+        color: DTColors.dark,
+        fontWeight: '800',
+    },
+    indicator: {},
+    indicatorLine: {
+        borderBottomWidth: 2,
+    },
+});
+//# sourceMappingURL=DTLabel.js.map

package/dist/components/DTLabel.js.map

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

package/dist/components/DTMediaFrame.d.ts

@@ -0,0 +1,77 @@
+/**
+ * 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 { ReactNode } from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTMediaFrameProps {
+    /**
+     * Content to frame (Image, Video, etc.)
+     */
+    children: ReactNode;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Aspect ratio (e.g., 16/9, 1, 4/3)
+     */
+    aspectRatio?: number;
+    /**
+     * Border width in pixels
+     * @default 3
+     */
+    borderWidth?: number;
+    /**
+     * Bevel size in pixels (top-left and bottom-right)
+     * @default 32
+     */
+    bevelSize?: number;
+    /**
+     * Whether to animate on mount
+     * @default true
+     */
+    animated?: boolean;
+    /**
+     * Animation delay in milliseconds
+     * @default 0
+     */
+    animationDelay?: number;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Additional styles for outer container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Additional styles for the content area
+     */
+    contentStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * 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 declare function DTMediaFrame({ children, variant, aspectRatio, borderWidth, bevelSize, animated, animationDelay, color, style, contentStyle, }: DTMediaFrameProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTMediaFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTMediaFrame.d.ts","sourceRoot":"","sources":["../../src/components/DTMediaFrame.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAoB,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAW,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,UAAU,iBAAiB;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAkB,EAClB,WAAW,EACX,WAAe,EACf,SAAc,EACd,QAAe,EACf,cAAkB,EAClB,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,iBAAiB,2CAsGnB"}