@dangerousthings/react-native 0.1.0

package/dist/components/DTSwitch.d.ts

@@ -0,0 +1,52 @@
+/**
+ * DT Switch Component
+ *
+ * Custom-built angular toggle switch following the Dangerous Things design language.
+ * RNP Switch delegates to native <NativeSwitch> with no shape control,
+ * so we build a rectangular toggle from scratch.
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTSwitchProps {
+    /**
+     * Whether the switch is on
+     */
+    value: boolean;
+    /**
+     * Called when the value changes
+     */
+    onValueChange: (value: boolean) => void;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Whether the switch is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Label text displayed beside the switch
+     */
+    label?: string;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Additional styles for the container
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled angular Switch/Toggle
+ *
+ * @example
+ * <DTSwitch value={enabled} onValueChange={setEnabled} label="Enable NFC" />
+ *
+ * @example
+ * <DTSwitch value={true} onValueChange={toggle} variant="success" />
+ */
+export declare function DTSwitch({ value, onValueChange, variant, disabled, label, color, style, }: DTSwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTSwitch.d.ts","sourceRoot":"","sources":["../../src/components/DTSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAEL,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAOvE,UAAU,aAAa;IACrB;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,aAAa,EACb,OAAkB,EAClB,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,KAAK,GACN,EAAE,aAAa,2CAsDf"}

package/dist/components/DTSwitch.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Switch Component
+ *
+ * Custom-built angular toggle switch following the Dangerous Things design language.
+ * RNP Switch delegates to native <NativeSwitch> with no shape control,
+ * so we build a rectangular toggle from scratch.
+ */
+import { useRef, useEffect } from 'react';
+import { StyleSheet, Pressable, Animated, } from 'react-native';
+import { Text } from 'react-native-paper';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+const TRACK_WIDTH = 48;
+const TRACK_HEIGHT = 26;
+const THUMB_SIZE = 20;
+const THUMB_MARGIN = 3;
+/**
+ * DT-styled angular Switch/Toggle
+ *
+ * @example
+ * <DTSwitch value={enabled} onValueChange={setEnabled} label="Enable NFC" />
+ *
+ * @example
+ * <DTSwitch value={true} onValueChange={toggle} variant="success" />
+ */
+export function DTSwitch({ value, onValueChange, variant = 'normal', disabled = false, label, color, style, }) {
+    const accentColor = getVariantColor(variant, color);
+    const thumbAnim = useRef(new Animated.Value(value ? 1 : 0)).current;
+    useEffect(() => {
+        Animated.timing(thumbAnim, {
+            toValue: value ? 1 : 0,
+            duration: 150,
+            useNativeDriver: false,
+        }).start();
+    }, [value, thumbAnim]);
+    const thumbTranslateX = thumbAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: [THUMB_MARGIN, TRACK_WIDTH - THUMB_SIZE - THUMB_MARGIN],
+    });
+    const trackColor = thumbAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: [DTColors.disabledBackground, accentColor],
+    });
+    return (_jsxs(Pressable, { onPress: () => !disabled && onValueChange(!value), style: ({ pressed }) => [
+            styles.container,
+            { opacity: disabled ? 0.5 : pressed ? 0.7 : 1 },
+            style,
+        ], children: [label && (_jsx(Text, { style: [styles.label, { color: DTColors.light }], children: label })), _jsx(Animated.View, { style: [
+                    styles.track,
+                    {
+                        backgroundColor: trackColor,
+                        borderColor: accentColor,
+                    },
+                ], children: _jsx(Animated.View, { style: [
+                        styles.thumb,
+                        {
+                            backgroundColor: value ? DTColors.dark : DTColors.light,
+                            transform: [{ translateX: thumbTranslateX }],
+                        },
+                    ] }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 12,
+        paddingVertical: 8,
+    },
+    label: {
+        fontSize: 14,
+        letterSpacing: 0.3,
+    },
+    track: {
+        width: TRACK_WIDTH,
+        height: TRACK_HEIGHT,
+        borderWidth: 2,
+        justifyContent: 'center',
+    },
+    thumb: {
+        width: THUMB_SIZE,
+        height: THUMB_SIZE,
+    },
+});
+//# sourceMappingURL=DTSwitch.js.map

package/dist/components/DTSwitch.js.map

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

package/dist/components/DTTextInput.d.ts

@@ -0,0 +1,58 @@
+/**
+ * DT TextInput Component
+ *
+ * A themed text input wrapping React Native Paper's TextInput
+ * with the Dangerous Things angular aesthetic.
+ *
+ * Web CSS reference (.mode-input):
+ * - 2px solid border in mode color
+ * - Focus: box-shadow 0 4px 0 1px var(--mode)
+ * - border-radius: 0
+ */
+import { ViewStyle, TextStyle, StyleProp } from 'react-native';
+import { TextInputProps } from 'react-native-paper';
+import { type DTVariant } from '../utils/variantColors';
+interface DTTextInputProps extends Omit<TextInputProps, 'mode' | 'theme' | 'error' | 'ref'> {
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Border width
+     * @default 2
+     */
+    borderWidth?: number;
+    /**
+     * Whether the input is in error state
+     */
+    error?: boolean;
+    /**
+     * Error message text displayed below input
+     */
+    errorMessage?: string;
+    /**
+     * Additional styles for the outer wrapper
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Additional styles for the input text
+     */
+    inputStyle?: StyleProp<TextStyle>;
+}
+/**
+ * DT-styled TextInput wrapping React Native Paper TextInput
+ *
+ * @example
+ * <DTTextInput variant="normal" label="Username" value={name} onChangeText={setName} />
+ *
+ * @example
+ * <DTTextInput variant="warning" error errorMessage="Required field" label="Email" />
+ */
+export declare function DTTextInput({ variant, color, borderWidth, error, errorMessage, containerStyle, inputStyle, onFocus, onBlur, style, ...props }: DTTextInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTTextInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTTextInput.d.ts","sourceRoot":"","sources":["../../src/components/DTTextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAY,cAAc,EAAC,MAAM,oBAAoB,CAAC;AAE7D,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,UAAU,gBACR,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,KAAK,EACL,WAAe,EACf,KAAa,EACb,YAAY,EACZ,cAAc,EACd,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsElB"}

package/dist/components/DTTextInput.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT TextInput Component
+ *
+ * A themed text input wrapping React Native Paper's TextInput
+ * with the Dangerous Things angular aesthetic.
+ *
+ * Web CSS reference (.mode-input):
+ * - 2px solid border in mode color
+ * - Focus: box-shadow 0 4px 0 1px var(--mode)
+ * - border-radius: 0
+ */
+import { useState, useRef, useEffect } from 'react';
+import { StyleSheet, View, Animated, } from 'react-native';
+import { TextInput } from 'react-native-paper';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+/**
+ * DT-styled TextInput wrapping React Native Paper TextInput
+ *
+ * @example
+ * <DTTextInput variant="normal" label="Username" value={name} onChangeText={setName} />
+ *
+ * @example
+ * <DTTextInput variant="warning" error errorMessage="Required field" label="Email" />
+ */
+export function DTTextInput({ variant = 'normal', color, borderWidth = 2, error = false, errorMessage, containerStyle, inputStyle, onFocus, onBlur, style, ...props }) {
+    const [focused, setFocused] = useState(false);
+    const focusAnim = useRef(new Animated.Value(0)).current;
+    const accentColor = error
+        ? DTColors.modeWarning
+        : getVariantColor(variant, color);
+    useEffect(() => {
+        const anim = Animated.timing(focusAnim, {
+            toValue: focused ? 1 : 0,
+            duration: 150,
+            useNativeDriver: false,
+        });
+        anim.start();
+        return () => anim.stop();
+    }, [focused, focusAnim]);
+    return (_jsxs(View, { style: containerStyle, children: [_jsx(View, { style: [
+                    styles.inputWrapper,
+                    { borderColor: accentColor, borderWidth },
+                ], children: _jsx(TextInput, { ...props, mode: "flat", error: false, onFocus: e => {
+                        setFocused(true);
+                        onFocus?.(e);
+                    }, onBlur: e => {
+                        setFocused(false);
+                        onBlur?.(e);
+                    }, style: [styles.input, inputStyle, style], textColor: DTColors.light, placeholderTextColor: DTColors.disabled, activeUnderlineColor: "transparent", underlineColor: "transparent", theme: {
+                        colors: {
+                            primary: accentColor,
+                            onSurfaceVariant: accentColor,
+                        },
+                        roundness: 0,
+                    } }) }), _jsx(Animated.View, { style: [
+                    styles.focusBar,
+                    {
+                        backgroundColor: accentColor,
+                        opacity: focusAnim,
+                    },
+                ] }), error && errorMessage && (_jsx(View, { style: styles.errorContainer, children: _jsx(Animated.Text, { style: [styles.errorText, { color: DTColors.modeWarning }], children: errorMessage }) }))] }));
+}
+const styles = StyleSheet.create({
+    inputWrapper: {
+        backgroundColor: DTColors.dark,
+    },
+    input: {
+        backgroundColor: 'transparent',
+    },
+    focusBar: {
+        height: 4,
+        marginTop: 1,
+    },
+    errorContainer: {
+        marginTop: 4,
+        paddingHorizontal: 4,
+    },
+    errorText: {
+        fontSize: 12,
+        letterSpacing: 0.5,
+    },
+});
+//# sourceMappingURL=DTTextInput.js.map

package/dist/components/DTTextInput.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @anthropic-dangerous-things/react-native-theme
+ *
+ * Dangerous Things design system for React Native with React Native Paper.
+ * Cyberpunk aesthetic with high-contrast neon colors.
+ */
+export { DTColors, getColor } from './theme/colors';
+export type { DTColorKey } from './theme/colors';
+export { DTTypography, DTFonts, DTFontWeights, } from './theme/typography';
+export type { DTTypographyKey } from './theme/typography';
+export { DTDarkTheme, DTExtendedDarkTheme, usePaperTheme, } from './theme/paperTheme';
+export type { DTExtendedTheme } from './theme/paperTheme';
+export { DTThemeProvider, useDTTheme } from './theme/DTThemeProvider';
+export type { DTVariant } from './utils/variantColors';
+export { variantColorMap, getVariantColor } from './utils/variantColors';
+export { buildBeveledRectPath } from './utils/bevelPaths';
+export { useComponentLayout } from './utils/useComponentLayout';
+export { DTCard, DTCardClipPath } from './components/DTCard';
+export { DTButton } from './components/DTButton';
+export { DTChip } from './components/DTChip';
+export { DTLabel, DTLabelClipPath } from './components/DTLabel';
+export { DTTextInput } from './components/DTTextInput';
+export { DTCheckbox } from './components/DTCheckbox';
+export { DTSwitch } from './components/DTSwitch';
+export { DTRadioGroup, DTRadioOption } from './components/DTRadioGroup';
+export { DTQuantityStepper } from './components/DTQuantityStepper';
+export { DTProgressBar } from './components/DTProgressBar';
+export { DTMediaFrame } from './components/DTMediaFrame';
+export { DTAccordion } from './components/DTAccordion';
+export type { DTAccordionSection } from './components/DTAccordion';
+export { DTModal } from './components/DTModal';
+export { DTDrawer } from './components/DTDrawer';
+export { DTGallery } from './components/DTGallery';
+export type { DTGalleryItem } from './components/DTGallery';
+export { DTSearchInput } from './components/DTSearchInput';
+export { DTMenu, DTMenuDropdown } from './components/DTMenu';
+export type { DTMenuItem } from './components/DTMenu';
+export { DTHexagon } from './components/DTHexagon';
+export { Text, Surface, IconButton, ActivityIndicator, Divider, List, Portal, Modal, Snackbar, TextInput, } from 'react-native-paper';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGtE,YAAY,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,40 @@
+/**
+ * @anthropic-dangerous-things/react-native-theme
+ *
+ * Dangerous Things design system for React Native with React Native Paper.
+ * Cyberpunk aesthetic with high-contrast neon colors.
+ */
+// Theme exports
+export { DTColors, getColor } from './theme/colors';
+export { DTTypography, DTFonts, DTFontWeights, } from './theme/typography';
+export { DTDarkTheme, DTExtendedDarkTheme, usePaperTheme, } from './theme/paperTheme';
+export { DTThemeProvider, useDTTheme } from './theme/DTThemeProvider';
+export { variantColorMap, getVariantColor } from './utils/variantColors';
+export { buildBeveledRectPath } from './utils/bevelPaths';
+export { useComponentLayout } from './utils/useComponentLayout';
+// Component exports — existing
+export { DTCard, DTCardClipPath } from './components/DTCard';
+export { DTButton } from './components/DTButton';
+export { DTChip } from './components/DTChip';
+export { DTLabel, DTLabelClipPath } from './components/DTLabel';
+// Component exports — form primitives
+export { DTTextInput } from './components/DTTextInput';
+export { DTCheckbox } from './components/DTCheckbox';
+export { DTSwitch } from './components/DTSwitch';
+export { DTRadioGroup, DTRadioOption } from './components/DTRadioGroup';
+export { DTQuantityStepper } from './components/DTQuantityStepper';
+// Component exports — layout & containers
+export { DTProgressBar } from './components/DTProgressBar';
+export { DTMediaFrame } from './components/DTMediaFrame';
+export { DTAccordion } from './components/DTAccordion';
+// Component exports — complex interactive
+export { DTModal } from './components/DTModal';
+export { DTDrawer } from './components/DTDrawer';
+export { DTGallery } from './components/DTGallery';
+export { DTSearchInput } from './components/DTSearchInput';
+// Component exports — navigation & decorative
+export { DTMenu, DTMenuDropdown } from './components/DTMenu';
+export { DTHexagon } from './components/DTHexagon';
+// Re-export commonly used Paper components for convenience
+export { Text, Surface, IconButton, ActivityIndicator, Divider, List, Portal, Modal, Snackbar, TextInput, } from 'react-native-paper';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,gBAAgB;AAChB,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGpD,OAAO,EACL,YAAY,EACZ,OAAO,EACP,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAItE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEhE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,0CAA0C;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,0CAA0C;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,8CAA8C;AAC9C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,2DAA2D;AAC3D,OAAO,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,SAAS,GACV,MAAM,oBAAoB,CAAC"}

package/dist/theme/DTThemeProvider.d.ts

@@ -0,0 +1,49 @@
+/**
+ * DT Theme Provider
+ *
+ * Wraps your app with the Dangerous Things theme.
+ * Combines React Native Paper's PaperProvider with
+ * custom theme context for extended DT colors.
+ */
+import { ReactNode } from 'react';
+import { DTExtendedTheme } from './paperTheme';
+/**
+ * Hook to access the full DT theme including custom properties
+ *
+ * @example
+ * const theme = useDTTheme();
+ * const successColor = theme.custom.success;
+ */
+export declare function useDTTheme(): DTExtendedTheme;
+interface DTThemeProviderProps {
+    children: ReactNode;
+    /**
+     * Override the default theme (useful for testing or custom variants)
+     */
+    theme?: DTExtendedTheme;
+    /**
+     * Include SafeAreaProvider wrapper (default: true)
+     * Set to false if you already have SafeAreaProvider higher in tree
+     */
+    includeSafeArea?: boolean;
+}
+/**
+ * Theme provider component
+ *
+ * @example
+ * // In your App.tsx
+ * import { DTThemeProvider } from '@anthropic-dangerous-things/react-native-theme';
+ *
+ * export default function App() {
+ *   return (
+ *     <DTThemeProvider>
+ *       <NavigationContainer>
+ *         <YourApp />
+ *       </NavigationContainer>
+ *     </DTThemeProvider>
+ *   );
+ * }
+ */
+export declare function DTThemeProvider({ children, theme, includeSafeArea, }: DTThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTThemeProvider.d.ts.map

package/dist/theme/DTThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/DTThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAuB,eAAe,EAAE,MAAM,cAAc,CAAC;AAOpE;;;;;;GAMG;AACH,wBAAgB,UAAU,IAAI,eAAe,CAE5C;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAA2B,EAC3B,eAAsB,GACvB,EAAE,oBAAoB,2CAetB"}

package/dist/theme/DTThemeProvider.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Theme Provider
+ *
+ * Wraps your app with the Dangerous Things theme.
+ * Combines React Native Paper's PaperProvider with
+ * custom theme context for extended DT colors.
+ */
+import { createContext, useContext } from 'react';
+import { PaperProvider } from 'react-native-paper';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { StatusBar } from 'react-native';
+import { DTExtendedDarkTheme } from './paperTheme';
+/**
+ * Context for accessing extended theme properties
+ */
+const DTThemeContext = createContext(DTExtendedDarkTheme);
+/**
+ * Hook to access the full DT theme including custom properties
+ *
+ * @example
+ * const theme = useDTTheme();
+ * const successColor = theme.custom.success;
+ */
+export function useDTTheme() {
+    return useContext(DTThemeContext);
+}
+/**
+ * Theme provider component
+ *
+ * @example
+ * // In your App.tsx
+ * import { DTThemeProvider } from '@anthropic-dangerous-things/react-native-theme';
+ *
+ * export default function App() {
+ *   return (
+ *     <DTThemeProvider>
+ *       <NavigationContainer>
+ *         <YourApp />
+ *       </NavigationContainer>
+ *     </DTThemeProvider>
+ *   );
+ * }
+ */
+export function DTThemeProvider({ children, theme = DTExtendedDarkTheme, includeSafeArea = true, }) {
+    const content = (_jsx(DTThemeContext.Provider, { value: theme, children: _jsxs(PaperProvider, { theme: theme, children: [_jsx(StatusBar, { barStyle: "light-content", backgroundColor: "#000000" }), children] }) }));
+    if (includeSafeArea) {
+        return _jsx(SafeAreaProvider, { children: content });
+    }
+    return content;
+}
+//# sourceMappingURL=DTThemeProvider.js.map

package/dist/theme/DTThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DTThemeProvider.js","sourceRoot":"","sources":["../../src/theme/DTThemeProvider.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAmB,MAAM,cAAc,CAAC;AAEpE;;GAEG;AACH,MAAM,cAAc,GAAG,aAAa,CAAkB,mBAAmB,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,MAAM,UAAU,UAAU;IACxB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC;AAeD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,GAAG,mBAAmB,EAC3B,eAAe,GAAG,IAAI,GACD;IACrB,MAAM,OAAO,GAAG,CACd,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACnC,MAAC,aAAa,IAAC,KAAK,EAAE,KAAK,aACzB,KAAC,SAAS,IAAC,QAAQ,EAAC,eAAe,EAAC,eAAe,EAAC,SAAS,GAAG,EAC/D,QAAQ,IACK,GACQ,CAC3B,CAAC;IAEF,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,KAAC,gBAAgB,cAAE,OAAO,GAAoB,CAAC;IACxD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/theme/colors.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Dangerous Things Color Palette
+ *
+ * Based on the dt-shopify-storefront design system.
+ * Cyberpunk aesthetic with high-contrast neon colors on dark backgrounds.
+ */
+export declare const DTColors: {
+    readonly dark: "#000000";
+    readonly light: "#FFFFFF";
+    readonly modeNormal: "#00FFFF";
+    readonly modeNormalSelected: "rgba(0, 255, 255, 0.7)";
+    readonly modeEmphasis: "#FFFF00";
+    readonly modeEmphasisSelected: "rgba(255, 255, 0, 0.7)";
+    readonly modeWarning: "#FF0000";
+    readonly modeSuccess: "#00FF00";
+    readonly modeOther: "#FF00FF";
+    readonly primary: "#00FFFF";
+    readonly primaryVariant: "rgba(0, 255, 255, 0.7)";
+    readonly secondary: "#FFFF00";
+    readonly secondaryVariant: "rgba(255, 255, 0, 0.7)";
+    readonly error: "#FF0000";
+    readonly success: "#00FF00";
+    readonly background: "#000000";
+    readonly surface: "#000000";
+    readonly surfaceVariant: "#070707";
+    readonly onBackground: "#FFFFFF";
+    readonly onSurface: "#FFFFFF";
+    readonly onPrimary: "#000000";
+    readonly onSecondary: "#000000";
+    readonly onError: "#000000";
+    readonly border: "#00FFFF";
+    readonly borderEmphasis: "#FFFF00";
+    readonly overlay: "rgba(0, 0, 0, 0.7)";
+    readonly disabled: "rgba(255, 255, 255, 0.3)";
+    readonly disabledBackground: "rgba(255, 255, 255, 0.1)";
+};
+export type DTColorKey = keyof typeof DTColors;
+/**
+ * Get a color with optional opacity override
+ */
+export declare function getColor(color: DTColorKey, opacity?: number): string;
+//# sourceMappingURL=colors.d.ts.map

package/dist/theme/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CX,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE/C;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAYpE"}

package/dist/theme/colors.js

@@ -0,0 +1,59 @@
+/**
+ * Dangerous Things Color Palette
+ *
+ * Based on the dt-shopify-storefront design system.
+ * Cyberpunk aesthetic with high-contrast neon colors on dark backgrounds.
+ */
+export const DTColors = {
+    // Base colors
+    dark: '#000000',
+    light: '#FFFFFF',
+    // Mode colors (primary semantic palette)
+    modeNormal: '#00FFFF', // Cyan - primary actions, links, borders
+    modeNormalSelected: 'rgba(0, 255, 255, 0.7)',
+    modeEmphasis: '#FFFF00', // Yellow - highlights, emphasis, headers
+    modeEmphasisSelected: 'rgba(255, 255, 0, 0.7)',
+    modeWarning: '#FF0000', // Red - errors, warnings, destructive actions
+    modeSuccess: '#00FF00', // Green - success states, confirmations
+    modeOther: '#FF00FF', // Magenta - miscellaneous, secondary info
+    // Semantic aliases
+    primary: '#00FFFF',
+    primaryVariant: 'rgba(0, 255, 255, 0.7)',
+    secondary: '#FFFF00',
+    secondaryVariant: 'rgba(255, 255, 0, 0.7)',
+    error: '#FF0000',
+    success: '#00FF00',
+    // Surface colors
+    background: '#000000',
+    surface: '#000000',
+    surfaceVariant: '#070707',
+    // Text colors
+    onBackground: '#FFFFFF',
+    onSurface: '#FFFFFF',
+    onPrimary: '#000000',
+    onSecondary: '#000000',
+    onError: '#000000',
+    // Border colors
+    border: '#00FFFF',
+    borderEmphasis: '#FFFF00',
+    // Transparency variants (for overlays, disabled states)
+    overlay: 'rgba(0, 0, 0, 0.7)',
+    disabled: 'rgba(255, 255, 255, 0.3)',
+    disabledBackground: 'rgba(255, 255, 255, 0.1)',
+};
+/**
+ * Get a color with optional opacity override
+ */
+export function getColor(color, opacity) {
+    const baseColor = DTColors[color];
+    if (opacity === undefined || baseColor.startsWith('rgba')) {
+        return baseColor;
+    }
+    // Convert hex to rgba
+    const hex = baseColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,cAAc;IACd,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAEhB,yCAAyC;IACzC,UAAU,EAAE,SAAS,EAAE,yCAAyC;IAChE,kBAAkB,EAAE,wBAAwB;IAC5C,YAAY,EAAE,SAAS,EAAE,yCAAyC;IAClE,oBAAoB,EAAE,wBAAwB;IAC9C,WAAW,EAAE,SAAS,EAAE,8CAA8C;IACtE,WAAW,EAAE,SAAS,EAAE,wCAAwC;IAChE,SAAS,EAAE,SAAS,EAAE,0CAA0C;IAEhE,mBAAmB;IACnB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,SAAS;IACpB,gBAAgB,EAAE,wBAAwB;IAC1C,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;IAElB,iBAAiB;IACjB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,SAAS;IAEzB,cAAc;IACd,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAElB,gBAAgB;IAChB,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,SAAS;IAEzB,wDAAwD;IACxD,OAAO,EAAE,oBAAoB;IAC7B,QAAQ,EAAE,0BAA0B;IACpC,kBAAkB,EAAE,0BAA0B;CACtC,CAAC;AAIX;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAiB,EAAE,OAAgB;IAC1D,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClC,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1D,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,sBAAsB;IACtB,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,GAAG,CAAC;AAC9C,CAAC"}