@dangerousthings/react-native 0.1.0

package/dist/components/DTAccordion.d.ts

@@ -0,0 +1,75 @@
+/**
+ * DT Accordion Component
+ *
+ * Custom-built accordion with animated height expansion following
+ * the Dangerous Things angular aesthetic.
+ *
+ * Web CSS reference (FilterAccordion):
+ * - menu-item-clipped style headers with thick top border
+ * - Expand/collapse with height animation
+ * - Active sections switch to activeVariant color
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+export interface DTAccordionSection {
+    /**
+     * Unique key for the section
+     */
+    key: string;
+    /**
+     * Section header title
+     */
+    title: string;
+    /**
+     * Section content (rendered when expanded)
+     */
+    children: React.ReactNode;
+}
+interface DTAccordionProps {
+    /**
+     * Array of accordion sections
+     */
+    sections: DTAccordionSection[];
+    /**
+     * Visual variant for section headers
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Variant color for active/expanded sections
+     * @default 'emphasis'
+     */
+    activeVariant?: DTVariant;
+    /**
+     * Allow multiple sections open simultaneously
+     * @default false
+     */
+    allowMultiple?: boolean;
+    /**
+     * Section keys to open initially
+     */
+    initialOpenKeys?: string[];
+    /**
+     * Called when a section is toggled
+     */
+    onSectionToggle?: (key: string, isOpen: boolean) => void;
+    /**
+     * Additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * DT-styled Accordion with animated height expansion
+ *
+ * @example
+ * <DTAccordion
+ *   sections={[
+ *     { key: 'size', title: 'Size', children: <SizeFilter /> },
+ *     { key: 'color', title: 'Color', children: <ColorFilter /> },
+ *   ]}
+ *   variant="normal"
+ * />
+ */
+export declare function DTAccordion({ sections, variant, activeVariant, allowMultiple, initialOpenKeys, onSectionToggle, style, }: DTAccordionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTAccordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTAccordion.d.ts","sourceRoot":"","sources":["../../src/components/DTAccordion.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,kBAAkB;IACjC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,gBAAgB;IACxB;;OAEG;IACH,QAAQ,EAAE,kBAAkB,EAAE,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAkB,EAClB,aAA0B,EAC1B,aAAqB,EACrB,eAAe,EACf,eAAe,EACf,KAAK,GACN,EAAE,gBAAgB,2CAuClB"}

package/dist/components/DTAccordion.js

@@ -0,0 +1,147 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Accordion Component
+ *
+ * Custom-built accordion with animated height expansion following
+ * the Dangerous Things angular aesthetic.
+ *
+ * Web CSS reference (FilterAccordion):
+ * - menu-item-clipped style headers with thick top border
+ * - Expand/collapse with height animation
+ * - Active sections switch to activeVariant color
+ */
+import { useState, useCallback, useRef, useEffect } from 'react';
+import { StyleSheet, View, Pressable, Animated, } from 'react-native';
+import { Text } from 'react-native-paper';
+import { DTColors } from '../theme/colors';
+import { getVariantColor } from '../utils/variantColors';
+/**
+ * DT-styled Accordion with animated height expansion
+ *
+ * @example
+ * <DTAccordion
+ *   sections={[
+ *     { key: 'size', title: 'Size', children: <SizeFilter /> },
+ *     { key: 'color', title: 'Color', children: <ColorFilter /> },
+ *   ]}
+ *   variant="normal"
+ * />
+ */
+export function DTAccordion({ sections, variant = 'normal', activeVariant = 'emphasis', allowMultiple = false, initialOpenKeys, onSectionToggle, style, }) {
+    const [openKeys, setOpenKeys] = useState(new Set(initialOpenKeys));
+    const toggleSection = useCallback((key) => {
+        setOpenKeys(prev => {
+            const next = new Set(allowMultiple ? prev : []);
+            const isOpening = !prev.has(key);
+            if (isOpening) {
+                next.add(key);
+            }
+            else {
+                next.delete(key);
+            }
+            onSectionToggle?.(key, isOpening);
+            return next;
+        });
+    }, [allowMultiple, onSectionToggle]);
+    const inactiveColor = getVariantColor(variant);
+    const activeColor = getVariantColor(activeVariant);
+    return (_jsx(View, { style: [styles.container, style], children: sections.map(section => (_jsx(AccordionSection, { section: section, isOpen: openKeys.has(section.key), onToggle: () => toggleSection(section.key), inactiveColor: inactiveColor, activeColor: activeColor }, section.key))) }));
+}
+function AccordionSection({ section, isOpen, onToggle, inactiveColor, activeColor, }) {
+    const heightAnim = useRef(new Animated.Value(isOpen ? 1 : 0)).current;
+    const chevronAnim = useRef(new Animated.Value(isOpen ? 1 : 0)).current;
+    const [contentHeight, setContentHeight] = useState(0);
+    const [measured, setMeasured] = useState(false);
+    const sectionColor = isOpen ? activeColor : inactiveColor;
+    useEffect(() => {
+        Animated.parallel([
+            Animated.timing(heightAnim, {
+                toValue: isOpen ? 1 : 0,
+                duration: 250,
+                useNativeDriver: false,
+            }),
+            Animated.timing(chevronAnim, {
+                toValue: isOpen ? 1 : 0,
+                duration: 250,
+                useNativeDriver: true,
+            }),
+        ]).start();
+    }, [isOpen, heightAnim, chevronAnim]);
+    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: onToggle, style: ({ pressed }) => [
+                    styles.header,
+                    {
+                        borderColor: sectionColor,
+                        borderTopColor: sectionColor,
+                        opacity: pressed ? 0.7 : 1,
+                    },
+                ], children: [_jsx(Text, { style: [styles.title, { color: sectionColor }], children: section.title }), _jsx(Animated.View, { style: [
+                            styles.chevron,
+                            { transform: [{ rotate: chevronRotate }] },
+                        ], children: _jsx(View, { style: [styles.chevronArrow, { borderTopColor: sectionColor }] }) })] }), _jsx(Animated.View, { style: [
+                    styles.contentWrapper,
+                    {
+                        height: measured ? animatedHeight : undefined,
+                        overflow: 'hidden',
+                    },
+                ], children: _jsx(View, { style: styles.content, onLayout: e => {
+                        const h = e.nativeEvent.layout.height;
+                        if (h > 0 && !measured) {
+                            setContentHeight(h);
+                            setMeasured(true);
+                            if (!isOpen) {
+                                heightAnim.setValue(0);
+                            }
+                        }
+                    }, children: section.children }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        gap: 4,
+    },
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        backgroundColor: DTColors.dark,
+        borderWidth: 1,
+        borderTopWidth: 5,
+        paddingVertical: 12,
+        paddingHorizontal: 16,
+    },
+    title: {
+        fontWeight: '600',
+        letterSpacing: 0.5,
+        textTransform: 'uppercase',
+        fontSize: 14,
+    },
+    contentWrapper: {},
+    content: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        backgroundColor: DTColors.dark,
+    },
+    chevron: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: 24,
+        height: 24,
+    },
+    chevronArrow: {
+        width: 0,
+        height: 0,
+        borderLeftWidth: 6,
+        borderRightWidth: 6,
+        borderTopWidth: 8,
+        borderLeftColor: 'transparent',
+        borderRightColor: 'transparent',
+    },
+});
+//# sourceMappingURL=DTAccordion.js.map

package/dist/components/DTAccordion.js.map

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

package/dist/components/DTButton.d.ts

@@ -0,0 +1,68 @@
+/**
+ * DT Button Component
+ *
+ * A themed button following the Dangerous Things design language
+ * with SVG-based beveled corners.
+ */
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTButtonProps {
+    /**
+     * Button content/label
+     */
+    children: React.ReactNode;
+    /**
+     * Visual variant of the button
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Button display mode
+     * - 'outlined': Border with transparent background (default)
+     * - 'contained': Filled background
+     * @default 'outlined'
+     */
+    mode?: 'outlined' | 'contained';
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Press handler
+     */
+    onPress?: () => void;
+    /**
+     * Whether button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Additional styles for container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Border width
+     * @default 2
+     */
+    borderWidth?: number;
+    /**
+     * Bevel size in pixels
+     * @default 8
+     */
+    bevelSize?: number;
+}
+/**
+ * DT-styled Button component with SVG beveled corners
+ *
+ * @example
+ * <DTButton variant="normal" onPress={handleScan}>
+ *   Scan NFC Tag
+ * </DTButton>
+ *
+ * @example
+ * <DTButton variant="emphasis" mode="contained" onPress={handleAction}>
+ *   View Results
+ * </DTButton>
+ */
+export declare function DTButton({ children, variant, mode, color, onPress, disabled, style, borderWidth, bevelSize, }: DTButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTButton.d.ts","sourceRoot":"","sources":["../../src/components/DTButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAI/E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAKvE,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAkB,EAClB,IAAiB,EACjB,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,WAAe,EACf,SAAa,GACd,EAAE,aAAa,2CA8Cf"}

package/dist/components/DTButton.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * DT Button Component
+ *
+ * A themed button following the Dangerous Things design language
+ * with SVG-based beveled corners.
+ */
+import { StyleSheet, View, Pressable } 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 { buildButtonBevelPath } from '../utils/bevelPaths';
+import { useComponentLayout } from '../utils/useComponentLayout';
+import { useState } from 'react';
+/**
+ * DT-styled Button component with SVG beveled corners
+ *
+ * @example
+ * <DTButton variant="normal" onPress={handleScan}>
+ *   Scan NFC Tag
+ * </DTButton>
+ *
+ * @example
+ * <DTButton variant="emphasis" mode="contained" onPress={handleAction}>
+ *   View Results
+ * </DTButton>
+ */
+export function DTButton({ children, variant = 'normal', mode = 'outlined', color, onPress, disabled = false, style, borderWidth = 2, bevelSize = 8, }) {
+    const { dimensions, onLayout, hasDimensions } = useComponentLayout();
+    const [pressed, setPressed] = useState(false);
+    const accentColor = getVariantColor(variant, color);
+    const isContained = mode === 'contained';
+    const bgColor = isContained ? accentColor : 'transparent';
+    const textColor = isContained ? DTColors.dark : accentColor;
+    const { width, height } = dimensions;
+    const opacity = disabled ? 0.5 : pressed ? 0.7 : 1;
+    return (_jsx(Pressable, { onPress: onPress, disabled: disabled, onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), style: [{ opacity }, style], children: _jsxs(View, { style: styles.container, onLayout: onLayout, children: [hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: buildButtonBevelPath(width, height, bevelSize, borderWidth), fill: bgColor, stroke: accentColor, strokeWidth: borderWidth }) })), _jsx(View, { style: styles.content, children: typeof children === 'string' ? (_jsx(Text, { variant: "labelLarge", style: [styles.label, { color: textColor }], children: children })) : (children) })] }) }));
+}
+const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+        minHeight: 44,
+    },
+    content: {
+        position: 'relative',
+        zIndex: 1,
+        paddingVertical: 12,
+        paddingHorizontal: 24,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    label: {
+        fontWeight: '600',
+        letterSpacing: 1,
+        textTransform: 'uppercase',
+    },
+});
+//# sourceMappingURL=DTButton.js.map

package/dist/components/DTButton.js.map

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

package/dist/components/DTCard.d.ts

@@ -0,0 +1,97 @@
+/**
+ * DT Card Component
+ *
+ * A themed card following the Dangerous Things design language
+ * with SVG-based beveled corners matching the web storefront style.
+ *
+ * Web CSS reference:
+ * - Bottom-right bevel: 2em (~32px)
+ * - Bottom-left bevel: 1em (~16px)
+ * - Border width: 0.2em (~3px)
+ */
+import { ReactNode } from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTCardProps {
+    children: ReactNode;
+    /**
+     * Color mode for the card accent
+     * @default 'normal'
+     */
+    mode?: DTVariant;
+    /**
+     * Custom border color (overrides mode)
+     */
+    borderColor?: string;
+    /**
+     * Card title (displayed in header)
+     */
+    title?: string;
+    /**
+     * Whether to show the accent header bar
+     * @default true when title is provided
+     */
+    showHeader?: boolean;
+    /**
+     * Additional styles for the card container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Additional styles for the content area
+     */
+    contentStyle?: StyleProp<ViewStyle>;
+    /**
+     * Inner content padding
+     * @default 16
+     */
+    padding?: number;
+    /**
+     * Border width in pixels
+     * @default 3
+     */
+    borderWidth?: number;
+    /**
+     * Bottom-right bevel size in pixels
+     * @default 32
+     */
+    bevelSize?: number;
+    /**
+     * Bottom-left bevel size in pixels (smaller accent bevel)
+     * @default 16
+     */
+    bevelSizeSmall?: number;
+    /**
+     * Background color
+     * @default '#000000'
+     */
+    backgroundColor?: string;
+    /**
+     * Press handler
+     */
+    onPress?: () => void;
+}
+/**
+ * DT-styled Card component with SVG beveled corners
+ *
+ * @example
+ * <DTCard title="Detected Chip" mode="normal">
+ *   <Text>NTAG215</Text>
+ * </DTCard>
+ *
+ * @example
+ * <DTCard mode="emphasis" onPress={handlePress}>
+ *   <Text>Tap to scan</Text>
+ * </DTCard>
+ */
+export declare function DTCard({ children, mode, borderColor, title, showHeader, style, contentStyle, padding, borderWidth, bevelSize, bevelSizeSmall, backgroundColor, onPress, }: DTCardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * DT design system constants matching web CSS variables
+ */
+export declare const DTCardClipPath: {
+    css: string;
+    bevelSize: number;
+    bevelSizeSmall: number;
+    borderWidth: number;
+};
+export {};
+//# sourceMappingURL=DTCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTCard.d.ts","sourceRoot":"","sources":["../../src/components/DTCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAI/E,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAe,EACf,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,OAAY,EACZ,WAAe,EACf,SAAc,EACd,cAAmB,EACnB,eAA2B,EAC3B,OAAO,GACR,EAAE,WAAW,2CAuEb;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;CAc1B,CAAC"}

package/dist/components/DTCard.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View, Pressable } 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 { buildCardBevelPath } from '../utils/bevelPaths';
+import { useComponentLayout } from '../utils/useComponentLayout';
+/**
+ * DT-styled Card component with SVG beveled corners
+ *
+ * @example
+ * <DTCard title="Detected Chip" mode="normal">
+ *   <Text>NTAG215</Text>
+ * </DTCard>
+ *
+ * @example
+ * <DTCard mode="emphasis" onPress={handlePress}>
+ *   <Text>Tap to scan</Text>
+ * </DTCard>
+ */
+export function DTCard({ children, mode = 'normal', borderColor, title, showHeader, style, contentStyle, padding = 16, borderWidth = 3, bevelSize = 32, bevelSizeSmall = 16, backgroundColor = '#000000', onPress, }) {
+    const { dimensions, onLayout, hasDimensions } = useComponentLayout();
+    const accentColor = getVariantColor(mode, borderColor);
+    const shouldShowHeader = showHeader ?? !!title;
+    const { width, height } = dimensions;
+    // Outer bevel path (full card shape)
+    const outerPath = hasDimensions
+        ? buildCardBevelPath(width, height, bevelSize, bevelSizeSmall, 0)
+        : '';
+    // Inner bevel path at border inset (for background + frame cutout)
+    const innerPath = hasDimensions
+        ? buildCardBevelPath(width, height, bevelSize - borderWidth, bevelSizeSmall - borderWidth, borderWidth)
+        : '';
+    const content = (_jsxs(View, { style: [styles.container, 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: backgroundColor }) })), _jsxs(View, { style: styles.innerContainer, children: [shouldShowHeader && (_jsx(View, { style: [styles.header, { backgroundColor: accentColor }], children: title && (_jsx(Text, { variant: "titleMedium", style: [styles.headerText, { color: DTColors.dark }], children: title })) })), _jsx(View, { style: [styles.content, { padding }, contentStyle], children: children })] }), hasDimensions && (_jsx(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 }) }))] }));
+    if (onPress) {
+        return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 }), children: content }));
+    }
+    return content;
+}
+/**
+ * DT design system constants matching web CSS variables
+ */
+export const DTCardClipPath = {
+    // CSS-style clip path (for web reference)
+    css: `polygon(
+    0% 0%,
+    100% 0%,
+    100% calc(100% - 2em),
+    calc(100% - 2em) 100%,
+    1em 100%,
+    0% calc(100% - 1em)
+  )`,
+    // Default bevel sizes in pixels (matching 2em and 1em at 16px base)
+    bevelSize: 32,
+    bevelSizeSmall: 16,
+    borderWidth: 3,
+};
+const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    innerContainer: {
+        position: 'relative',
+        zIndex: 1,
+        overflow: 'hidden',
+    },
+    header: {
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+    },
+    headerText: {
+        fontWeight: '700',
+        letterSpacing: 0.5,
+    },
+    content: {},
+    frameOverlay: {
+        zIndex: 2,
+    },
+});
+//# sourceMappingURL=DTCard.js.map

package/dist/components/DTCard.js.map

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

package/dist/components/DTCheckbox.d.ts

@@ -0,0 +1,63 @@
+/**
+ * DT Checkbox Component
+ *
+ * Custom-built angular checkbox following the Dangerous Things design language.
+ * Uses SVG for beveled shape and checkmark — RNP Checkbox enforces
+ * rounded corners (borderRadius: 18) so we build from scratch.
+ *
+ * Uses diagonal-symmetry bevels (top-left + bottom-right) on the indicator.
+ */
+import { ViewStyle, TextStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+interface DTCheckboxProps {
+    /**
+     * Whether the checkbox is checked
+     */
+    checked: boolean;
+    /**
+     * Press handler to toggle state
+     */
+    onPress: () => void;
+    /**
+     * Visual variant
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Label text displayed beside the checkbox
+     */
+    label?: string;
+    /**
+     * Whether the checkbox is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Size of the checkbox in pixels
+     * @default 24
+     */
+    size?: number;
+    /**
+     * Custom color (overrides variant)
+     */
+    color?: string;
+    /**
+     * Additional styles for the container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Additional styles for the label text
+     */
+    labelStyle?: StyleProp<TextStyle>;
+}
+/**
+ * DT-styled Checkbox with beveled opposing corners (top-left + bottom-right)
+ *
+ * @example
+ * <DTCheckbox checked={isChecked} onPress={() => setChecked(!isChecked)} label="Remember me" />
+ *
+ * @example
+ * <DTCheckbox checked={true} onPress={toggle} variant="success" label="Accepted" />
+ */
+export declare function DTCheckbox({ checked, onPress, variant, label, disabled, size, color, style, labelStyle, }: DTCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTCheckbox.d.ts","sourceRoot":"","sources":["../../src/components/DTCheckbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAa,SAAS,EAAE,SAAS,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpF,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAGvE,UAAU,eAAe;IACvB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,OAAO,EACP,OAAkB,EAClB,KAAK,EACL,QAAgB,EAChB,IAAS,EACT,KAAK,EACL,KAAK,EACL,UAAU,GACX,EAAE,eAAe,2CAgDjB"}