@dangerousthings/react-native 0.1.0

package/dist/theme/paperTheme.d.ts

@@ -0,0 +1,39 @@
+/**
+ * React Native Paper MD3 Theme Configuration
+ *
+ * This creates a Material Design 3 compliant theme that follows
+ * the Dangerous Things cyberpunk aesthetic while respecting
+ * React Native Paper's design principles.
+ */
+import { MD3Theme } from 'react-native-paper';
+/**
+ * Dangerous Things Dark Theme
+ *
+ * Based on MD3DarkTheme with cyberpunk color overrides.
+ * Primary = Cyan, Secondary = Yellow (following DT brand)
+ */
+export declare const DTDarkTheme: MD3Theme;
+/**
+ * Extended theme with DT-specific custom properties
+ * Use this when you need access to non-MD3 colors
+ */
+export interface DTExtendedTheme extends MD3Theme {
+    custom: {
+        success: string;
+        warning: string;
+        modeNormal: string;
+        modeEmphasis: string;
+        modeWarning: string;
+        modeSuccess: string;
+        modeOther: string;
+        border: string;
+        borderEmphasis: string;
+    };
+}
+export declare const DTExtendedDarkTheme: DTExtendedTheme;
+/**
+ * Hook to access extended theme properties
+ * Usage: const { custom } = useDTTheme();
+ */
+export { useTheme as usePaperTheme } from 'react-native-paper';
+//# sourceMappingURL=paperTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paperTheme.d.ts","sourceRoot":"","sources":["../../src/theme/paperTheme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAgB,QAAQ,EAAkB,MAAM,oBAAoB,CAAC;AA2B5E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,QAoEzB,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,EAAE,eAajC,CAAC;AAEF;;;GAGG;AACH,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/theme/paperTheme.js

@@ -0,0 +1,116 @@
+/**
+ * React Native Paper MD3 Theme Configuration
+ *
+ * This creates a Material Design 3 compliant theme that follows
+ * the Dangerous Things cyberpunk aesthetic while respecting
+ * React Native Paper's design principles.
+ */
+import { MD3DarkTheme, configureFonts } from 'react-native-paper';
+import { DTColors } from './colors';
+import { DTTypography, DTFonts } from './typography';
+/**
+ * MD3 Font configuration for React Native Paper
+ * Maps our typography to RNP's expected font config
+ */
+const fontConfig = {
+    fontFamily: DTFonts.regular,
+    displayLarge: DTTypography.displayLarge,
+    displayMedium: DTTypography.displayMedium,
+    displaySmall: DTTypography.displaySmall,
+    headlineLarge: DTTypography.headlineLarge,
+    headlineMedium: DTTypography.headlineMedium,
+    headlineSmall: DTTypography.headlineSmall,
+    titleLarge: DTTypography.titleLarge,
+    titleMedium: DTTypography.titleMedium,
+    titleSmall: DTTypography.titleSmall,
+    bodyLarge: DTTypography.bodyLarge,
+    bodyMedium: DTTypography.bodyMedium,
+    bodySmall: DTTypography.bodySmall,
+    labelLarge: DTTypography.labelLarge,
+    labelMedium: DTTypography.labelMedium,
+    labelSmall: DTTypography.labelSmall,
+};
+/**
+ * Dangerous Things Dark Theme
+ *
+ * Based on MD3DarkTheme with cyberpunk color overrides.
+ * Primary = Cyan, Secondary = Yellow (following DT brand)
+ */
+export const DTDarkTheme = {
+    ...MD3DarkTheme,
+    dark: true,
+    roundness: 4, // Slightly rounded, but we use custom clip-path for bevels
+    fonts: configureFonts({ config: fontConfig }),
+    colors: {
+        ...MD3DarkTheme.colors,
+        // Primary (Cyan)
+        primary: DTColors.modeNormal,
+        onPrimary: DTColors.dark,
+        primaryContainer: DTColors.modeNormalSelected,
+        onPrimaryContainer: DTColors.dark,
+        // Secondary (Yellow)
+        secondary: DTColors.modeEmphasis,
+        onSecondary: DTColors.dark,
+        secondaryContainer: DTColors.modeEmphasisSelected,
+        onSecondaryContainer: DTColors.dark,
+        // Tertiary (Magenta)
+        tertiary: DTColors.modeOther,
+        onTertiary: DTColors.dark,
+        tertiaryContainer: 'rgba(255, 0, 255, 0.3)',
+        onTertiaryContainer: DTColors.light,
+        // Error (Red)
+        error: DTColors.modeWarning,
+        onError: DTColors.dark,
+        errorContainer: 'rgba(255, 0, 0, 0.3)',
+        onErrorContainer: DTColors.light,
+        // Background & Surface
+        background: DTColors.background,
+        onBackground: DTColors.onBackground,
+        surface: DTColors.surface,
+        onSurface: DTColors.onSurface,
+        surfaceVariant: DTColors.surfaceVariant,
+        onSurfaceVariant: DTColors.light,
+        // Surface elevation (MD3 uses tonal elevation)
+        elevation: {
+            level0: 'transparent',
+            level1: DTColors.surfaceVariant,
+            level2: '#0a0a0a',
+            level3: '#0f0f0f',
+            level4: '#121212',
+            level5: '#151515',
+        },
+        // Outline (borders)
+        outline: DTColors.modeNormal,
+        outlineVariant: 'rgba(0, 255, 255, 0.5)',
+        // Inverse (for snackbars, etc.)
+        inverseSurface: DTColors.light,
+        inverseOnSurface: DTColors.dark,
+        inversePrimary: '#008B8B', // Darker cyan for light backgrounds
+        // Misc
+        shadow: DTColors.dark,
+        scrim: DTColors.overlay,
+        surfaceDisabled: DTColors.disabledBackground,
+        onSurfaceDisabled: DTColors.disabled,
+        backdrop: DTColors.overlay,
+    },
+};
+export const DTExtendedDarkTheme = {
+    ...DTDarkTheme,
+    custom: {
+        success: DTColors.modeSuccess,
+        warning: DTColors.modeWarning,
+        modeNormal: DTColors.modeNormal,
+        modeEmphasis: DTColors.modeEmphasis,
+        modeWarning: DTColors.modeWarning,
+        modeSuccess: DTColors.modeSuccess,
+        modeOther: DTColors.modeOther,
+        border: DTColors.border,
+        borderEmphasis: DTColors.borderEmphasis,
+    },
+};
+/**
+ * Hook to access extended theme properties
+ * Usage: const { custom } = useDTTheme();
+ */
+export { useTheme as usePaperTheme } from 'react-native-paper';
+//# sourceMappingURL=paperTheme.js.map

package/dist/theme/paperTheme.js.map

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

package/dist/theme/typography.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Dangerous Things Typography
+ *
+ * Primary font: Tektur (variable font)
+ * Fallback: System default sans-serif
+ *
+ * Note: To use Tektur, you must:
+ * 1. Download Tektur from Google Fonts
+ * 2. Add to your project's assets/fonts/
+ * 3. Link fonts in react-native.config.js or use expo-font
+ */
+import { TextStyle } from 'react-native';
+/**
+ * Font family configuration
+ * Tektur is a variable font with weights 100-900
+ */
+export declare const DTFonts: {
+    readonly regular: string;
+    readonly medium: string;
+    readonly bold: string;
+    readonly fallback: string;
+};
+/**
+ * Font weights for variable font
+ */
+export declare const DTFontWeights: {
+    thin: "100";
+    light: "300";
+    regular: "400";
+    medium: "500";
+    semibold: "600";
+    bold: "700";
+    extrabold: "800";
+    black: "900";
+};
+/**
+ * Typography scale following Material Design 3 naming
+ */
+export declare const DTTypography: {
+    readonly displayLarge: TextStyle;
+    readonly displayMedium: TextStyle;
+    readonly displaySmall: TextStyle;
+    readonly headlineLarge: TextStyle;
+    readonly headlineMedium: TextStyle;
+    readonly headlineSmall: TextStyle;
+    readonly titleLarge: TextStyle;
+    readonly titleMedium: TextStyle;
+    readonly titleSmall: TextStyle;
+    readonly bodyLarge: TextStyle;
+    readonly bodyMedium: TextStyle;
+    readonly bodySmall: TextStyle;
+    readonly labelLarge: TextStyle;
+    readonly labelMedium: TextStyle;
+    readonly labelSmall: TextStyle;
+};
+export type DTTypographyKey = keyof typeof DTTypography;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,OAAO;;;;;CAsBV,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;CASzB,CAAC;AAWF;;GAEG;AACH,eAAO,MAAM,YAAY;2BAQlB,SAAS;4BAOT,SAAS;2BAOT,SAAS;4BAQT,SAAS;6BAOT,SAAS;4BAOT,SAAS;yBAQT,SAAS;0BAQT,SAAS;yBAQT,SAAS;wBAST,SAAS;yBAQT,SAAS;wBAQT,SAAS;yBAST,SAAS;0BAQT,SAAS;yBAQT,SAAS;CACN,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,YAAY,CAAC"}

package/dist/theme/typography.js

@@ -0,0 +1,170 @@
+/**
+ * Dangerous Things Typography
+ *
+ * Primary font: Tektur (variable font)
+ * Fallback: System default sans-serif
+ *
+ * Note: To use Tektur, you must:
+ * 1. Download Tektur from Google Fonts
+ * 2. Add to your project's assets/fonts/
+ * 3. Link fonts in react-native.config.js or use expo-font
+ */
+import { Platform } from 'react-native';
+/**
+ * Font family configuration
+ * Tektur is a variable font with weights 100-900
+ */
+export const DTFonts = {
+    regular: Platform.select({
+        ios: 'Tektur',
+        android: 'Tektur-Regular',
+        default: 'Tektur',
+    }),
+    medium: Platform.select({
+        ios: 'Tektur',
+        android: 'Tektur-Medium',
+        default: 'Tektur',
+    }),
+    bold: Platform.select({
+        ios: 'Tektur',
+        android: 'Tektur-Bold',
+        default: 'Tektur',
+    }),
+    // Fallback when Tektur is not available
+    fallback: Platform.select({
+        ios: 'System',
+        android: 'sans-serif',
+        default: 'sans-serif',
+    }),
+};
+/**
+ * Font weights for variable font
+ */
+export const DTFontWeights = {
+    thin: '100',
+    light: '300',
+    regular: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700',
+    extrabold: '800',
+    black: '900',
+};
+/**
+ * Base text styles
+ */
+const baseTextStyle = {
+    fontFamily: DTFonts.regular,
+    color: '#FFFFFF',
+    letterSpacing: 0.5,
+};
+/**
+ * Typography scale following Material Design 3 naming
+ */
+export const DTTypography = {
+    // Display styles (large headlines)
+    displayLarge: {
+        ...baseTextStyle,
+        fontSize: 57,
+        fontWeight: DTFontWeights.bold,
+        lineHeight: 64,
+        letterSpacing: -0.25,
+    },
+    displayMedium: {
+        ...baseTextStyle,
+        fontSize: 45,
+        fontWeight: DTFontWeights.bold,
+        lineHeight: 52,
+    },
+    displaySmall: {
+        ...baseTextStyle,
+        fontSize: 36,
+        fontWeight: DTFontWeights.bold,
+        lineHeight: 44,
+    },
+    // Headline styles
+    headlineLarge: {
+        ...baseTextStyle,
+        fontSize: 32,
+        fontWeight: DTFontWeights.semibold,
+        lineHeight: 40,
+    },
+    headlineMedium: {
+        ...baseTextStyle,
+        fontSize: 28,
+        fontWeight: DTFontWeights.semibold,
+        lineHeight: 36,
+    },
+    headlineSmall: {
+        ...baseTextStyle,
+        fontSize: 24,
+        fontWeight: DTFontWeights.semibold,
+        lineHeight: 32,
+    },
+    // Title styles
+    titleLarge: {
+        ...baseTextStyle,
+        fontSize: 22,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 28,
+    },
+    titleMedium: {
+        ...baseTextStyle,
+        fontSize: 16,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 24,
+        letterSpacing: 0.15,
+    },
+    titleSmall: {
+        ...baseTextStyle,
+        fontSize: 14,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 20,
+        letterSpacing: 0.1,
+    },
+    // Body styles
+    bodyLarge: {
+        ...baseTextStyle,
+        fontSize: 16,
+        fontWeight: DTFontWeights.regular,
+        lineHeight: 24,
+        letterSpacing: 0.5,
+    },
+    bodyMedium: {
+        ...baseTextStyle,
+        fontSize: 14,
+        fontWeight: DTFontWeights.regular,
+        lineHeight: 20,
+        letterSpacing: 0.25,
+    },
+    bodySmall: {
+        ...baseTextStyle,
+        fontSize: 12,
+        fontWeight: DTFontWeights.regular,
+        lineHeight: 16,
+        letterSpacing: 0.4,
+    },
+    // Label styles
+    labelLarge: {
+        ...baseTextStyle,
+        fontSize: 14,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 20,
+        letterSpacing: 0.1,
+    },
+    labelMedium: {
+        ...baseTextStyle,
+        fontSize: 12,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 16,
+        letterSpacing: 0.5,
+    },
+    labelSmall: {
+        ...baseTextStyle,
+        fontSize: 11,
+        fontWeight: DTFontWeights.medium,
+        lineHeight: 16,
+        letterSpacing: 0.5,
+    },
+};
+//# sourceMappingURL=typography.js.map

package/dist/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,QAAQ;KAClB,CAAC;IACF,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;QACtB,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,eAAe;QACxB,OAAO,EAAE,QAAQ;KAClB,CAAC;IACF,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACpB,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,QAAQ;KAClB,CAAC;IACF,wCAAwC;IACxC,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC;QACxB,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,YAAY;QACrB,OAAO,EAAE,YAAY;KACtB,CAAC;CACM,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,KAAc;IACpB,KAAK,EAAE,KAAc;IACrB,OAAO,EAAE,KAAc;IACvB,MAAM,EAAE,KAAc;IACtB,QAAQ,EAAE,KAAc;IACxB,IAAI,EAAE,KAAc;IACpB,SAAS,EAAE,KAAc;IACzB,KAAK,EAAE,KAAc;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,aAAa,GAAc;IAC/B,UAAU,EAAE,OAAO,CAAC,OAAO;IAC3B,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,GAAG;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,mCAAmC;IACnC,YAAY,EAAE;QACZ,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,IAAI;QAC9B,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC,IAAI;KACR;IAEd,aAAa,EAAE;QACb,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,IAAI;QAC9B,UAAU,EAAE,EAAE;KACF;IAEd,YAAY,EAAE;QACZ,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,IAAI;QAC9B,UAAU,EAAE,EAAE;KACF;IAEd,kBAAkB;IAClB,aAAa,EAAE;QACb,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ;QAClC,UAAU,EAAE,EAAE;KACF;IAEd,cAAc,EAAE;QACd,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ;QAClC,UAAU,EAAE,EAAE;KACF;IAEd,aAAa,EAAE;QACb,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ;QAClC,UAAU,EAAE,EAAE;KACF;IAEd,eAAe;IACf,UAAU,EAAE;QACV,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;KACF;IAEd,WAAW,EAAE;QACX,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,IAAI;KACP;IAEd,UAAU,EAAE;QACV,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;IAEd,cAAc;IACd,SAAS,EAAE;QACT,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,OAAO;QACjC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;IAEd,UAAU,EAAE;QACV,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,OAAO;QACjC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,IAAI;KACP;IAEd,SAAS,EAAE;QACT,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,OAAO;QACjC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;IAEd,eAAe;IACf,UAAU,EAAE;QACV,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;IAEd,WAAW,EAAE;QACX,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;IAEd,UAAU,EAAE;QACV,GAAG,aAAa;QAChB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,aAAa,CAAC,MAAM;QAChC,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,GAAG;KACN;CACN,CAAC"}

package/dist/utils/bevelPaths.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Shared SVG bevel path builders
+ *
+ * Generic and preset functions for generating SVG path data
+ * for beveled rectangle shapes used across DT components.
+ */
+type BevelCorner = 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft';
+interface BevelConfig {
+    corners: Partial<Record<BevelCorner, number>>;
+    strokeWidth?: number;
+    /** Additional inset applied to all coordinates (used for frame overlays) */
+    offset?: number;
+}
+/**
+ * Build an SVG path for a rectangle with any combination of beveled corners.
+ *
+ * Each corner can have an independent bevel size. Corners without a bevel
+ * value (or with 0) are rendered as sharp 90-degree angles.
+ */
+export declare function buildBeveledRectPath(width: number, height: number, config: BevelConfig): string;
+/**
+ * DTButton shape: bottom-right bevel only
+ */
+export declare function buildButtonBevelPath(width: number, height: number, bevelSize: number, strokeWidth: number): string;
+/**
+ * DTCard shape: bottom-right (large) + bottom-left (small) bevels
+ */
+export declare function buildCardBevelPath(width: number, height: number, bevelBR: number, bevelBL: number, inset: number): string;
+/**
+ * DTLabel shape: top-right bevel only
+ */
+export declare function buildLabelBevelPath(width: number, height: number, bevelSize: number): string;
+/**
+ * DTMediaFrame shape: top-left + bottom-right (diagonal symmetry)
+ */
+export declare function buildMediaFrameBevelPath(width: number, height: number, bevelSize: number, offset?: number): string;
+/**
+ * DTDrawer shape (right-side): top-left + bottom-left bevels
+ */
+export declare function buildDrawerBevelPath(width: number, height: number, bevelSize: number, position?: 'left' | 'right'): string;
+export {};
+//# sourceMappingURL=bevelPaths.d.ts.map

package/dist/utils/bevelPaths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bevelPaths.d.ts","sourceRoot":"","sources":["../../src/utils/bevelPaths.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,KAAK,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAAC;AAEzE,UAAU,WAAW;IACnB,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,WAAW,GAClB,MAAM,CAkCR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,GAClB,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,GACZ,MAAM,CAkBR;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAChB,MAAM,CAIR;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,MAAM,SAAI,GACT,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,EACjB,QAAQ,GAAE,MAAM,GAAG,OAAiB,GACnC,MAAM,CASR"}

package/dist/utils/bevelPaths.js

@@ -0,0 +1,105 @@
+/**
+ * Shared SVG bevel path builders
+ *
+ * Generic and preset functions for generating SVG path data
+ * for beveled rectangle shapes used across DT components.
+ */
+/**
+ * Build an SVG path for a rectangle with any combination of beveled corners.
+ *
+ * Each corner can have an independent bevel size. Corners without a bevel
+ * value (or with 0) are rendered as sharp 90-degree angles.
+ */
+export function buildBeveledRectPath(width, height, config) {
+    const sw = config.strokeWidth ?? 0;
+    const off = config.offset ?? 0;
+    const inset = sw / 2 + off;
+    const w = width - sw - off * 2;
+    const h = height - sw - off * 2;
+    if (w <= 0 || h <= 0)
+        return '';
+    const maxBevel = Math.min(w / 3, h / 3);
+    const tl = Math.min(config.corners.topLeft ?? 0, maxBevel);
+    const tr = Math.min(config.corners.topRight ?? 0, maxBevel);
+    const br = Math.min(config.corners.bottomRight ?? 0, maxBevel);
+    const bl = Math.min(config.corners.bottomLeft ?? 0, maxBevel);
+    // Build path clockwise from top-left
+    return [
+        // Top-left corner
+        `M ${inset + tl} ${inset}`,
+        // Top edge → top-right corner
+        `L ${w + inset - tr} ${inset}`,
+        tr > 0 ? `L ${w + inset} ${inset + tr}` : `L ${w + inset} ${inset}`,
+        // Right edge → bottom-right corner
+        br > 0
+            ? `L ${w + inset} ${h + inset - br} L ${w + inset - br} ${h + inset}`
+            : `L ${w + inset} ${h + inset}`,
+        // Bottom edge → bottom-left corner
+        bl > 0
+            ? `L ${inset + bl} ${h + inset} L ${inset} ${h + inset - bl}`
+            : `L ${inset} ${h + inset}`,
+        // Left edge → back to top-left
+        tl > 0 ? `L ${inset} ${inset + tl}` : `L ${inset} ${inset}`,
+        'Z',
+    ].join(' ');
+}
+/**
+ * DTButton shape: bottom-right bevel only
+ */
+export function buildButtonBevelPath(width, height, bevelSize, strokeWidth) {
+    return buildBeveledRectPath(width, height, {
+        corners: { bottomRight: bevelSize },
+        strokeWidth,
+    });
+}
+/**
+ * DTCard shape: bottom-right (large) + bottom-left (small) bevels
+ */
+export function buildCardBevelPath(width, height, bevelBR, bevelBL, inset) {
+    const w = width - inset * 2;
+    const h = height - inset * 2;
+    if (w <= 0 || h <= 0)
+        return '';
+    const br = Math.min(bevelBR, w / 3, h / 3);
+    const bl = Math.min(bevelBL, w / 3, h / 3);
+    return `
+    M ${inset} ${inset}
+    L ${w + inset} ${inset}
+    L ${w + inset} ${h - br + inset}
+    L ${w - br + inset} ${h + inset}
+    L ${bl + inset} ${h + inset}
+    L ${inset} ${h - bl + inset}
+    Z
+  `;
+}
+/**
+ * DTLabel shape: top-right bevel only
+ */
+export function buildLabelBevelPath(width, height, bevelSize) {
+    return buildBeveledRectPath(width, height, {
+        corners: { topRight: bevelSize },
+    });
+}
+/**
+ * DTMediaFrame shape: top-left + bottom-right (diagonal symmetry)
+ */
+export function buildMediaFrameBevelPath(width, height, bevelSize, offset = 0) {
+    return buildBeveledRectPath(width, height, {
+        corners: { topLeft: bevelSize, bottomRight: bevelSize },
+        offset,
+    });
+}
+/**
+ * DTDrawer shape (right-side): top-left + bottom-left bevels
+ */
+export function buildDrawerBevelPath(width, height, bevelSize, position = 'right') {
+    if (position === 'right') {
+        return buildBeveledRectPath(width, height, {
+            corners: { topLeft: bevelSize, bottomLeft: bevelSize },
+        });
+    }
+    return buildBeveledRectPath(width, height, {
+        corners: { topRight: bevelSize, bottomRight: bevelSize },
+    });
+}
+//# sourceMappingURL=bevelPaths.js.map

package/dist/utils/bevelPaths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bevelPaths.js","sourceRoot":"","sources":["../../src/utils/bevelPaths.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAa,EACb,MAAc,EACd,MAAmB;IAEnB,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC;IACnC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC;IAC3B,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,GAAG,MAAM,GAAG,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;IAEhC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAEhC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC3D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IAE9D,qCAAqC;IACrC,OAAO;QACL,kBAAkB;QAClB,KAAK,KAAK,GAAG,EAAE,IAAI,KAAK,EAAE;QAC1B,8BAA8B;QAC9B,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,IAAI,KAAK,EAAE;QAC9B,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE;QACnE,mCAAmC;QACnC,EAAE,GAAG,CAAC;YACJ,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,EAAE;YACrE,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE;QACjC,mCAAmC;QACnC,EAAE,GAAG,CAAC;YACJ,CAAC,CAAC,KAAK,KAAK,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE;YAC7D,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE;QAC7B,+BAA+B;QAC/B,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,EAAE;QAC3D,GAAG;KACJ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAa,EACb,MAAc,EACd,SAAiB,EACjB,WAAmB;IAEnB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE;QACzC,OAAO,EAAE,EAAC,WAAW,EAAE,SAAS,EAAC;QACjC,WAAW;KACZ,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAAa,EACb,MAAc,EACd,OAAe,EACf,OAAe,EACf,KAAa;IAEb,MAAM,CAAC,GAAG,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;IAC5B,MAAM,CAAC,GAAG,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;IAE7B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAEhC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3C,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3C,OAAO;QACD,KAAK,IAAI,KAAK;QACd,CAAC,GAAG,KAAK,IAAI,KAAK;QAClB,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;QAC3B,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK;QAC3B,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,KAAK;QACvB,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK;;GAE5B,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,KAAa,EACb,MAAc,EACd,SAAiB;IAEjB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE;QACzC,OAAO,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAC;KAC/B,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CACtC,KAAa,EACb,MAAc,EACd,SAAiB,EACjB,MAAM,GAAG,CAAC;IAEV,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE;QACzC,OAAO,EAAE,EAAC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAC;QACrD,MAAM;KACP,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAa,EACb,MAAc,EACd,SAAiB,EACjB,WAA6B,OAAO;IAEpC,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;QACzB,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE;YACzC,OAAO,EAAE,EAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAC;SACrD,CAAC,CAAC;IACL,CAAC;IACD,OAAO,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE;QACzC,OAAO,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAC;KACvD,CAAC,CAAC;AACL,CAAC"}

package/dist/utils/useComponentLayout.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Shared layout measurement hook
+ *
+ * Extracts the common pattern of tracking component dimensions
+ * via onLayout for SVG rendering.
+ */
+import { LayoutChangeEvent } from 'react-native';
+interface ComponentDimensions {
+    width: number;
+    height: number;
+}
+export declare function useComponentLayout(): {
+    dimensions: ComponentDimensions;
+    onLayout: (event: LayoutChangeEvent) => void;
+    hasDimensions: boolean;
+};
+export {};
+//# sourceMappingURL=useComponentLayout.d.ts.map

package/dist/utils/useComponentLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentLayout.d.ts","sourceRoot":"","sources":["../../src/utils/useComponentLayout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAE/C,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,kBAAkB;;sBAMK,iBAAiB;;EAWvD"}

package/dist/utils/useComponentLayout.js

@@ -0,0 +1,24 @@
+/**
+ * Shared layout measurement hook
+ *
+ * Extracts the common pattern of tracking component dimensions
+ * via onLayout for SVG rendering.
+ */
+import { useState, useCallback } from 'react';
+export function useComponentLayout() {
+    const [dimensions, setDimensions] = useState({
+        width: 0,
+        height: 0,
+    });
+    const onLayout = useCallback((event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setDimensions(prev => {
+            if (prev.width === width && prev.height === height)
+                return prev;
+            return { width, height };
+        });
+    }, []);
+    const hasDimensions = dimensions.width > 0 && dimensions.height > 0;
+    return { dimensions, onLayout, hasDimensions };
+}
+//# sourceMappingURL=useComponentLayout.js.map

package/dist/utils/useComponentLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentLayout.js","sourceRoot":"","sources":["../../src/utils/useComponentLayout.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,QAAQ,EAAE,WAAW,EAAC,MAAM,OAAO,CAAC;AAQ5C,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB;QAChE,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAE,EAAE;QACxD,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QACjD,aAAa,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM;gBAAE,OAAO,IAAI,CAAC;YAChE,OAAO,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEpE,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAC,CAAC;AAC/C,CAAC"}

package/dist/utils/variantColors.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Centralized variant type and color mapping
+ *
+ * Used by all DT components for consistent mode/variant color resolution.
+ */
+export type DTVariant = 'normal' | 'emphasis' | 'warning' | 'success' | 'other';
+export declare const variantColorMap: Record<DTVariant, string>;
+/**
+ * Resolve variant to color, with optional custom color override.
+ */
+export declare function getVariantColor(variant: DTVariant, customColor?: string): string;
+//# sourceMappingURL=variantColors.d.ts.map

package/dist/utils/variantColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantColors.d.ts","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMrD,CAAC;AAEF;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,SAAS,EAClB,WAAW,CAAC,EAAE,MAAM,GACnB,MAAM,CAER"}

package/dist/utils/variantColors.js

@@ -0,0 +1,20 @@
+/**
+ * Centralized variant type and color mapping
+ *
+ * Used by all DT components for consistent mode/variant color resolution.
+ */
+import { DTColors } from '../theme/colors';
+export const variantColorMap = {
+    normal: DTColors.modeNormal,
+    emphasis: DTColors.modeEmphasis,
+    warning: DTColors.modeWarning,
+    success: DTColors.modeSuccess,
+    other: DTColors.modeOther,
+};
+/**
+ * Resolve variant to color, with optional custom color override.
+ */
+export function getVariantColor(variant, customColor) {
+    return customColor ?? variantColorMap[variant];
+}
+//# sourceMappingURL=variantColors.js.map

package/dist/utils/variantColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variantColors.js","sourceRoot":"","sources":["../../src/utils/variantColors.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAIzC,MAAM,CAAC,MAAM,eAAe,GAA8B;IACxD,MAAM,EAAE,QAAQ,CAAC,UAAU;IAC3B,QAAQ,EAAE,QAAQ,CAAC,YAAY;IAC/B,OAAO,EAAE,QAAQ,CAAC,WAAW;IAC7B,OAAO,EAAE,QAAQ,CAAC,WAAW;IAC7B,KAAK,EAAE,QAAQ,CAAC,SAAS;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,eAAe,CAC7B,OAAkB,EAClB,WAAoB;IAEpB,OAAO,WAAW,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;AACjD,CAAC"}