@dangerousthings/react-native 0.2.1 → 0.4.0

package/dist/components/DTCard.js

@@ -2,10 +2,95 @@ 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 { useDTTheme } from '../theme/DTThemeProvider';
 import { getVariantColor } from '../utils/variantColors';
 import { buildCardBevelPath } from '../utils/bevelPaths';
 import { useComponentLayout } from '../utils/useComponentLayout';
+/**
+ * Build inner card path with left edge at bevelSizeSmall (for progress bar zone).
+ * 5-point polygon — no bottom-left bevel, straight vertical left edge.
+ */
+function buildInnerCardPath(w, h, bevelBR, bw, bevelSizeSmall) {
+    const right = w - bw;
+    const top = bw;
+    const bottom = h - bw;
+    const br = Math.min(bevelBR - bw, (right - bevelSizeSmall) / 3, (bottom - top) / 3);
+    if (right <= bevelSizeSmall || bottom <= top)
+        return '';
+    return [
+        `M ${bevelSizeSmall} ${top}`,
+        `L ${right} ${top}`,
+        `L ${right} ${bottom - br}`,
+        `L ${right - br} ${bottom}`,
+        `L ${bevelSizeSmall} ${bottom}`,
+        'Z',
+    ].join(' ');
+}
+/**
+ * Build the full progress bar fill area path (inset 3px from frame on all sides).
+ * This is the region where the surface/accent gradient fills.
+ */
+function buildProgressAreaPath(cardH, bw, bevelSizeSmall) {
+    const left = bw;
+    const right = bevelSizeSmall - bw;
+    const top = bw;
+    const bevelStartY = cardH - bevelSizeSmall;
+    const bottomRight = cardH - bw * 2; // y at bottom-right of fill area (on bevel diagonal)
+    if (right <= left || bevelStartY <= top)
+        return '';
+    return [
+        `M ${left} ${top}`,
+        `L ${right} ${top}`,
+        `L ${right} ${bottomRight}`,
+        `L ${left} ${bevelStartY}`,
+        'Z',
+    ].join(' ');
+}
+/**
+ * Build the accent-colored portion of the progress bar (fills from bottom).
+ * Returns empty string when progress is 0.
+ */
+function buildProgressFillPath(cardH, bw, bevelSizeSmall, progress) {
+    const p = Math.max(0, Math.min(1, progress));
+    if (p === 0)
+        return '';
+    const left = bw;
+    const right = bevelSizeSmall - bw;
+    const top = bw;
+    const bevelStartY = cardH - bevelSizeSmall;
+    const bottomRight = cardH - bw * 2;
+    if (right <= left || bevelStartY <= top)
+        return '';
+    // Total fill area height (along the left edge, from top to bevelStartY)
+    const areaH = bevelStartY - top;
+    // How much of the area is filled from the bottom
+    const fillTop = top + areaH * (1 - p);
+    if (fillTop >= bevelStartY) {
+        // Fill is entirely within the bevel zone
+        // The bevel diagonal goes from (left, bevelStartY) to (right, bottomRight)
+        // At y=fillTop, x on the diagonal: x = left + (fillTop - bevelStartY) * (right - left) / (bottomRight - bevelStartY)
+        const bevelH = bottomRight - bevelStartY;
+        if (bevelH <= 0)
+            return '';
+        const xAtFillTop = left + ((fillTop - bevelStartY) / bevelH) * (right - left);
+        if (xAtFillTop >= right)
+            return '';
+        return [
+            `M ${xAtFillTop} ${fillTop}`,
+            `L ${right} ${fillTop}`,
+            `L ${right} ${bottomRight}`,
+            'Z',
+        ].join(' ');
+    }
+    // Fill extends above the bevel zone — rectangle + bevel triangle
+    return [
+        `M ${left} ${fillTop}`,
+        `L ${right} ${fillTop}`,
+        `L ${right} ${bottomRight}`,
+        `L ${left} ${bevelStartY}`,
+        'Z',
+    ].join(' ');
+}
 /**
  * DT-styled Card component with SVG beveled corners
  *
@@ -19,20 +104,56 @@ import { useComponentLayout } from '../utils/useComponentLayout';
  *   <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, }) {
+export function DTCard({ children, mode = 'normal', borderColor, title, showHeader, progress = 0, growArea = 'body', style, contentStyle, padding = 16, borderWidth = 3, bevelSize = 32, bevelSizeSmall = 16, backgroundColor, headerRight, onPress, }) {
+    const theme = useDTTheme();
     const { dimensions, onLayout, hasDimensions } = useComponentLayout();
-    const accentColor = getVariantColor(mode, borderColor);
+    const accentColor = getVariantColor(theme, mode, borderColor);
     const shouldShowHeader = showHeader ?? !!title;
+    const bgColor = backgroundColor ?? theme.colors.background;
     const { width, height } = dimensions;
+    const useBevels = theme.custom.bevelMd > 0;
     // Outer bevel path (full card shape)
-    const outerPath = hasDimensions
+    const outerPath = useBevels && 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)
+    // Inner bevel path — left edge at bevelSizeSmall (progress bar zone)
+    const innerPath = useBevels && hasDimensions
+        ? buildInnerCardPath(width, height, bevelSize, borderWidth, bevelSizeSmall)
+        : '';
+    // Progress bar paths — computed once, reused in progress SVG and frame overlay
+    const progressAreaPath = useBevels && hasDimensions
+        ? buildProgressAreaPath(height, borderWidth, bevelSizeSmall)
+        : '';
+    const progressFillPath = useBevels && hasDimensions && progress > 0
+        ? buildProgressFillPath(height, borderWidth, bevelSizeSmall, progress)
+        : '';
+    // Frame overlay: outer + inner + progressArea hole (evenodd punches window for progress bar)
+    const framePath = useBevels && hasDimensions
+        ? outerPath + ' ' + innerPath + (progressAreaPath ? ' ' + progressAreaPath : '')
         : '';
-    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 }) }))] }));
+    const content = (_jsxs(View, { style: [
+            styles.container,
+            !useBevels && {
+                borderWidth,
+                borderColor: accentColor,
+                borderRadius: theme.custom.radius,
+                backgroundColor: bgColor,
+                overflow: 'hidden',
+            },
+            style,
+        ], onLayout: onLayout, children: [useBevels && hasDimensions && (_jsx(Svg, { style: StyleSheet.absoluteFill, width: width, height: height, viewBox: `0 0 ${width} ${height}`, children: _jsx(Path, { d: innerPath, fill: bgColor }) })), useBevels && hasDimensions && (_jsxs(Svg, { style: [StyleSheet.absoluteFill, { zIndex: 1 }], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: [_jsx(Path, { d: progressAreaPath, fill: accentColor }), _jsx(Path, { d: progressAreaPath, fill: bgColor, opacity: 0.6 }), progressFillPath !== '' && (_jsx(Path, { d: progressFillPath, fill: accentColor }))] })), !useBevels && (_jsx(View, { style: [styles.progressBar, {
+                        width: bevelSizeSmall,
+                        left: borderWidth,
+                        top: borderWidth,
+                        bottom: borderWidth,
+                        borderBottomLeftRadius: theme.custom.radius > 0 ? Math.max(0, theme.custom.radius - borderWidth) : 0,
+                    }], children: _jsx(View, { style: [
+                        styles.progressFill,
+                        {
+                            backgroundColor: accentColor,
+                            height: `${Math.round(Math.max(0, Math.min(1, progress)) * 100)}%`,
+                        },
+                    ] }) })), _jsxs(View, { style: [styles.innerContainer, useBevels && { paddingLeft: bevelSizeSmall - borderWidth }], children: [shouldShowHeader && (_jsxs(View, { style: [styles.header, { backgroundColor: accentColor }, growArea === 'title' && { flex: 1 }, !!(title && headerRight) && styles.headerRow], children: [title && (_jsx(Text, { variant: "titleMedium", style: [styles.headerText, { color: theme.colors.onPrimary }], children: title })), headerRight] })), _jsx(View, { style: [styles.content, { padding }, growArea === 'body' && { flex: 1 }, contentStyle], children: children })] }), useBevels && hasDimensions && (_jsx(Svg, { style: [StyleSheet.absoluteFill, styles.frameOverlay], width: width, height: height, viewBox: `0 0 ${width} ${height}`, pointerEvents: "none", children: _jsx(Path, { d: framePath, fillRule: "evenodd", fill: accentColor }) }))] }));
     if (onPress) {
         return (_jsx(Pressable, { onPress: onPress, style: ({ pressed }) => ({ opacity: pressed ? 0.8 : 1 }), children: content }));
     }
@@ -64,11 +185,18 @@ const styles = StyleSheet.create({
         position: 'relative',
         zIndex: 1,
         overflow: 'hidden',
+        flex: 1,
     },
     header: {
-        paddingHorizontal: 16,
+        paddingLeft: 8,
+        paddingRight: 16,
         paddingVertical: 12,
     },
+    headerRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
     headerText: {
         fontWeight: '700',
         letterSpacing: 0.5,
@@ -77,5 +205,18 @@ const styles = StyleSheet.create({
     frameOverlay: {
         zIndex: 2,
     },
+    progressBar: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        backgroundColor: 'transparent',
+        zIndex: 3,
+        justifyContent: 'flex-end',
+        overflow: 'hidden',
+    },
+    progressFill: {
+        width: '100%',
+    },
 });
 //# sourceMappingURL=DTCard.js.map

package/dist/components/DTCard.js.map

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

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

@@ -1 +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"}
+{"version":3,"file":"DTCheckbox.d.ts","sourceRoot":"","sources":["../../src/components/DTCheckbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAI1F,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,2CAoEjB"}

package/dist/components/DTCheckbox.js

@@ -8,10 +8,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * Uses diagonal-symmetry bevels (top-left + bottom-right) on the indicator.
  */
-import { StyleSheet, Pressable } from 'react-native';
+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 { useDTTheme } from '../theme/DTThemeProvider';
 import { getVariantColor } from '../utils/variantColors';
 import { buildBeveledRectPath } from '../utils/bevelPaths';
 /**
@@ -24,20 +24,33 @@ import { buildBeveledRectPath } from '../utils/bevelPaths';
  * <DTCheckbox checked={true} onPress={toggle} variant="success" label="Accepted" />
  */
 export function DTCheckbox({ checked, onPress, variant = 'normal', label, disabled = false, size = 24, color, style, labelStyle, }) {
-    const accentColor = getVariantColor(variant, color);
+    const theme = useDTTheme();
+    const accentColor = getVariantColor(theme, variant, color);
     const opacity = disabled ? 0.5 : 1;
     const borderWidth = 2;
+    const useBevels = theme.custom.bevelMd > 0;
     const bevelSize = Math.round(size * 0.3);
     // Outer beveled path (border)
-    const outerPath = buildBeveledRectPath(size, size, {
-        corners: { topLeft: bevelSize, bottomRight: bevelSize },
-        strokeWidth: borderWidth,
-    });
+    const outerPath = useBevels
+        ? buildBeveledRectPath(size, size, {
+            corners: { topLeft: bevelSize, bottomRight: bevelSize },
+            strokeWidth: borderWidth,
+        })
+        : '';
     return (_jsxs(Pressable, { onPress: onPress, disabled: disabled, style: ({ pressed }) => [
             styles.container,
             { opacity: pressed ? 0.7 : opacity },
             style,
-        ], children: [_jsxs(Svg, { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx(Path, { d: outerPath, fill: checked ? accentColor : 'transparent', stroke: accentColor, strokeWidth: borderWidth }), checked && (_jsx(Path, { d: `M ${size * 0.2} ${size * 0.5} L ${size * 0.4} ${size * 0.7} L ${size * 0.8} ${size * 0.25}`, fill: "none", stroke: DTColors.dark, strokeWidth: borderWidth + 0.5, strokeLinecap: "round", strokeLinejoin: "round" }))] }), label && (_jsx(Text, { style: [styles.label, { color: DTColors.light }, labelStyle], children: label }))] }));
+        ], children: [useBevels ? (_jsxs(Svg, { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [_jsx(Path, { d: outerPath, fill: checked ? accentColor : 'transparent', stroke: accentColor, strokeWidth: borderWidth }), checked && (_jsx(Path, { d: `M ${size * 0.2} ${size * 0.5} L ${size * 0.4} ${size * 0.7} L ${size * 0.8} ${size * 0.25}`, fill: "none", stroke: theme.colors.onPrimary, strokeWidth: borderWidth + 0.5, strokeLinecap: "round", strokeLinejoin: "round" }))] })) : (_jsx(View, { style: {
+                    width: size,
+                    height: size,
+                    borderWidth,
+                    borderColor: accentColor,
+                    borderRadius: theme.custom.radiusSm,
+                    backgroundColor: checked ? accentColor : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, children: checked && (_jsx(Text, { style: { color: theme.colors.onPrimary, fontSize: size * 0.6, lineHeight: size * 0.7 }, children: "\u2713" })) })), label && (_jsx(Text, { style: [styles.label, { color: theme.colors.onSurface }, labelStyle], children: label }))] }));
 }
 const styles = StyleSheet.create({
     container: {

package/dist/components/DTCheckbox.js.map

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

package/dist/components/DTChip.d.ts

@@ -6,13 +6,13 @@
  */
 import { ViewStyle, StyleProp } from 'react-native';
 import { ChipProps } from 'react-native-paper';
-type DTChipVariant = 'normal' | 'emphasis' | 'warning' | 'success' | 'other';
+import { type DTVariant } from '../utils/variantColors';
 interface DTChipProps extends Omit<ChipProps, 'mode'> {
     /**
      * Visual variant of the chip
      * @default 'normal'
      */
-    variant?: DTChipVariant;
+    variant?: DTVariant;
     /**
      * Whether the chip is in selected state
      * @default false

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

@@ -1 +1 @@
-{"version":3,"file":"DTChip.d.ts","sourceRoot":"","sources":["../../src/components/DTChip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAQ,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGrD,KAAK,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7E,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAUD;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAyBb"}
+{"version":3,"file":"DTChip.d.ts","sourceRoot":"","sources":["../../src/components/DTChip.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAQ,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,wBAAwB,CAAC;AAEzE,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IACnD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Bb"}

package/dist/components/DTChip.js

@@ -8,14 +8,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // React import not needed with new JSX transform
 import { StyleSheet } from 'react-native';
 import { Chip } from 'react-native-paper';
-import { DTColors } from '../theme/colors';
-const variantColors = {
-    normal: DTColors.modeNormal,
-    emphasis: DTColors.modeEmphasis,
-    warning: DTColors.modeWarning,
-    success: DTColors.modeSuccess,
-    other: DTColors.modeOther,
-};
+import { useDTTheme } from '../theme/DTThemeProvider';
+import { getVariantColor } from '../utils/variantColors';
 /**
  * DT-styled Chip component
  *
@@ -29,16 +23,17 @@ const variantColors = {
  * <DTChip variant="warning">Non-Cloneable</DTChip>
  */
 export function DTChip({ variant = 'normal', selected = false, style, children, ...props }) {
-    const color = variantColors[variant];
+    const theme = useDTTheme();
+    const color = getVariantColor(theme, variant);
     const chipStyle = {
         backgroundColor: selected ? color : 'transparent',
         borderColor: color,
         borderWidth: 1,
         borderRadius: 0, // Angular DT style
     };
-    return (_jsx(Chip, { ...props, mode: "outlined", textStyle: [
+    return (_jsx(Chip, { ...props, mode: "outlined", showSelectedCheck: false, textStyle: [
             styles.text,
-            { color: selected ? DTColors.dark : color },
+            { color: selected ? theme.colors.onPrimary : color },
         ], style: [styles.chip, chipStyle, style], selectedColor: color, selected: selected, children: children }));
 }
 const styles = StyleSheet.create({

package/dist/components/DTChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DTChip.js","sourceRoot":"","sources":["../../src/components/DTChip.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,iDAAiD;AACjD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAa,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAqB3C,MAAM,aAAa,GAAkC;IACnD,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;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,QAAQ,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAErC,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;QACjD,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC,EAAE,mBAAmB;KACrC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;YACT,MAAM,CAAC,IAAI;YACX,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE;SAC5C,EACD,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACtC,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;KAChB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;QAClB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}
+{"version":3,"file":"DTChip.js","sourceRoot":"","sources":["../../src/components/DTChip.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,iDAAiD;AACjD,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,IAAI,EAAa,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAkB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAmBzE;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,QAAQ,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;QACjD,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC,EAAE,mBAAmB;KACrC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,IAAI,EAAC,UAAU,EACf,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE;YACT,MAAM,CAAC,IAAI;YACX,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE;SACrD,EACD,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACtC,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,QAAQ,YAEjB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;KAChB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,GAAG;QAClB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DTDrawer.d.ts","sourceRoot":"","sources":["../../src/components/DTDrawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAMV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAGvE,UAAU,aAAa;IACrB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,OAAO,EACP,cAA2B,EAC3B,QAAkB,EAClB,KAAK,EAAE,WAAiB,EACxB,SAAc,EACd,WAAe,EACf,QAAQ,EACR,KAAK,GACN,EAAE,aAAa,2CA6Hf"}
+{"version":3,"file":"DTDrawer.d.ts","sourceRoot":"","sources":["../../src/components/DTDrawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAMV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAGvE,UAAU,aAAa;IACrB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,SAAS,EACT,OAAO,EACP,cAA2B,EAC3B,QAAkB,EAClB,KAAK,EAAE,WAAiB,EACxB,SAAc,EACd,WAAe,EACf,QAAQ,EACR,KAAK,GACN,EAAE,aAAa,2CAsIf"}

package/dist/components/DTDrawer.js

@@ -21,7 +21,7 @@ import { StyleSheet, View, Pressable, Animated, BackHandler, ScrollView, useWind
 import { Portal, Text } from 'react-native-paper';
 import Svg, { Path } from 'react-native-svg';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { DTColors } from '../theme/colors';
+import { useDTTheme } from '../theme/DTThemeProvider';
 import { getVariantColor } from '../utils/variantColors';
 import { buildDrawerBevelPath } from '../utils/bevelPaths';
 /**
@@ -38,9 +38,11 @@ import { buildDrawerBevelPath } from '../utils/bevelPaths';
  * </DTDrawer>
  */
 export function DTDrawer({ visible, onDismiss, heading, headingVariant = 'emphasis', position = 'right', width: drawerWidth = 400, bevelSize = 32, borderWidth = 2, children, style, }) {
+    const theme = useDTTheme();
+    const useBevels = theme.custom.bevelMd > 0;
     const slideAnim = useRef(new Animated.Value(0)).current;
     const overlayAnim = useRef(new Animated.Value(0)).current;
-    const headerColor = getVariantColor(headingVariant);
+    const headerColor = getVariantColor(theme, headingVariant);
     const { width: screenWidth, height: screenHeight } = useWindowDimensions();
     const insets = useSafeAreaInsets();
     const effectiveWidth = Math.min(drawerWidth, screenWidth);
@@ -93,17 +95,21 @@ export function DTDrawer({ visible, onDismiss, heading, headingVariant = 'emphas
     });
     // Don't render when fully hidden
     const pointerEvents = visible ? 'auto' : 'none';
-    return (_jsx(Portal, { children: _jsxs(View, { style: StyleSheet.absoluteFill, pointerEvents: pointerEvents, children: [_jsx(Animated.View, { style: [StyleSheet.absoluteFill, { opacity: overlayAnim }], children: _jsx(Pressable, { style: [StyleSheet.absoluteFill, styles.overlay], onPress: onDismiss }) }), _jsxs(Animated.View, { style: [
+    return (_jsx(Portal, { children: _jsxs(View, { style: StyleSheet.absoluteFill, pointerEvents: pointerEvents, children: [_jsx(Animated.View, { style: [StyleSheet.absoluteFill, { opacity: overlayAnim }], children: _jsx(Pressable, { style: [StyleSheet.absoluteFill, { backgroundColor: theme.colors.backdrop }], onPress: onDismiss }) }), _jsxs(Animated.View, { style: [
                         styles.panel,
                         position === 'right' ? styles.panelRight : styles.panelLeft,
                         { width: effectiveWidth, transform: [{ translateX }] },
+                        !useBevels && {
+                            borderWidth,
+                            borderColor: headerColor,
+                            borderRadius: theme.custom.radius,
+                            backgroundColor: theme.colors.background,
+                            overflow: 'hidden',
+                        },
                         style,
-                    ], children: [_jsx(View, { style: StyleSheet.absoluteFill, children: _jsxs(Svg, { width: effectiveWidth, height: screenHeight, children: [_jsx(Path, { d: buildDrawerBevelPath(effectiveWidth, screenHeight, bevelSize, position), fill: headerColor }), _jsx(Path, { d: buildDrawerBevelPath(effectiveWidth - borderWidth * 2, screenHeight - borderWidth * 2, bevelSize - borderWidth, position), fill: DTColors.dark, transform: `translate(${borderWidth}, ${borderWidth})` })] }) }), _jsxs(View, { style: [styles.header, { backgroundColor: headerColor, paddingTop: insets.top + 16 }], children: [_jsx(Text, { style: styles.headerText, children: heading }), _jsx(Pressable, { onPress: onDismiss, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: _jsx(Text, { style: styles.closeButton, children: "\u2715" }) })] }), _jsx(ScrollView, { style: styles.content, contentContainerStyle: [styles.contentContainer, { paddingBottom: insets.bottom + 16 }], children: children })] })] }) }));
+                    ], children: [useBevels && (_jsx(View, { style: StyleSheet.absoluteFill, children: _jsxs(Svg, { width: effectiveWidth, height: screenHeight, children: [_jsx(Path, { d: buildDrawerBevelPath(effectiveWidth, screenHeight, bevelSize, position), fill: headerColor }), _jsx(Path, { d: buildDrawerBevelPath(effectiveWidth - borderWidth * 2, screenHeight - borderWidth * 2, bevelSize - borderWidth, position), fill: theme.colors.background, transform: `translate(${borderWidth}, ${borderWidth})` })] }) })), _jsxs(View, { style: [styles.header, { backgroundColor: headerColor, paddingTop: insets.top + 16 }], children: [_jsx(Text, { style: [styles.headerText, { color: theme.colors.onPrimary }], children: heading }), _jsx(Pressable, { onPress: onDismiss, style: ({ pressed }) => ({ opacity: pressed ? 0.7 : 1 }), children: _jsx(Text, { style: [styles.closeButton, { color: theme.colors.onPrimary }], children: "\u2715" }) })] }), _jsx(ScrollView, { style: styles.content, contentContainerStyle: [styles.contentContainer, { paddingBottom: insets.bottom + 16 }], children: children })] })] }) }));
 }
 const styles = StyleSheet.create({
-    overlay: {
-        backgroundColor: DTColors.overlay,
-    },
     panel: {
         position: 'absolute',
         top: 0,
@@ -124,13 +130,11 @@ const styles = StyleSheet.create({
         zIndex: 1,
     },
     headerText: {
-        color: DTColors.dark,
         fontWeight: '700',
         fontSize: 18,
         letterSpacing: 0.5,
     },
     closeButton: {
-        color: DTColors.dark,
         fontSize: 20,
         fontWeight: '700',
         paddingHorizontal: 8,

package/dist/components/DTDrawer.js.map

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

package/dist/components/DTFeatureLegend.d.ts

@@ -0,0 +1,41 @@
+/**
+ * DT Feature Legend
+ *
+ * Displays product features in a grid with icons and rotated labels.
+ * Source: dt-shopify-storefront UseCaseLegend component.
+ */
+import { ReactNode } from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+import { type DTVariant } from '../utils/variantColors';
+export interface DTFeatureItem {
+    key: string;
+    name: string;
+    icon: ReactNode;
+    state: 'supported' | 'disabled' | 'unsupported';
+}
+interface DTFeatureLegendProps {
+    features: DTFeatureItem[];
+    /**
+     * Header title text
+     */
+    title?: string;
+    /**
+     * Color variant for the header bar
+     * @default 'normal'
+     */
+    variant?: DTVariant;
+    /**
+     * Number of columns in the grid
+     * @default 5
+     */
+    columns?: number;
+    /**
+     * Icon size in pixels
+     * @default 42
+     */
+    iconSize?: number;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function DTFeatureLegend({ features, title, variant, columns, iconSize, style, }: DTFeatureLegendProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DTFeatureLegend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DTFeatureLegend.d.ts","sourceRoot":"","sources":["../../src/components/DTFeatureLegend.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAmB,SAAS,EAAE,SAAS,EAAC,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAEvE,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC;CACjD;AAQD,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,KAAK,EACL,OAAkB,EAClB,OAAW,EACX,QAAa,EACb,KAAK,GACN,EAAE,oBAAoB,2CAyCtB"}

package/dist/components/DTFeatureLegend.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { Text } from 'react-native-paper';
+import { useDTTheme } from '../theme/DTThemeProvider';
+import { getVariantColor } from '../utils/variantColors';
+const stateToVariant = {
+    supported: 'normal',
+    disabled: 'emphasis',
+    unsupported: 'warning',
+};
+export function DTFeatureLegend({ features, title, variant = 'normal', columns = 5, iconSize = 42, style, }) {
+    const theme = useDTTheme();
+    const headerColor = getVariantColor(theme, variant);
+    const itemWidth = `${100 / columns}%`;
+    return (_jsxs(View, { style: [styles.container, style], children: [title && (_jsx(View, { style: [styles.header, { backgroundColor: headerColor }], children: _jsx(Text, { variant: "labelLarge", style: [styles.headerText, { color: theme.colors.onPrimary }], children: title }) })), _jsx(View, { style: styles.grid, children: features.map(feature => {
+                    const featureColor = getVariantColor(theme, stateToVariant[feature.state]);
+                    return (_jsxs(View, { style: [styles.item, { width: itemWidth }], children: [_jsx(View, { style: [styles.iconContainer, { width: iconSize, height: iconSize }], children: feature.icon }), _jsx(View, { style: styles.labelContainer, children: _jsx(Text, { style: [styles.label, { color: featureColor }], children: feature.name }) })] }, feature.key));
+                }) })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        overflow: 'hidden',
+    },
+    header: {
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+    },
+    headerText: {
+        fontWeight: '700',
+        letterSpacing: 0.5,
+    },
+    grid: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+    },
+    item: {
+        alignItems: 'center',
+        paddingVertical: 8,
+        paddingHorizontal: 4,
+        gap: 4,
+    },
+    iconContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    labelContainer: {
+        paddingTop: 4,
+    },
+    label: {
+        fontSize: 11,
+        fontWeight: '600',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=DTFeatureLegend.js.map

package/dist/components/DTFeatureLegend.js.map

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

package/dist/components/DTGallery.d.ts

@@ -62,6 +62,11 @@ interface DTGalleryProps {
      * @default 3
      */
     borderWidth?: number;
+    /**
+     * Aspect ratio (width / height) for the display area
+     * @default 1
+     */
+    aspectRatio?: number;
     /**
      * Additional styles
      */
@@ -78,6 +83,6 @@ interface DTGalleryProps {
  *   variant="normal"
  * />
  */
-export declare function DTGallery({ items, activeIndex, onSelect, variant, thumbnailSize, bevelSize, borderWidth, style, }: DTGalleryProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DTGallery({ items, activeIndex, onSelect, variant, thumbnailSize, bevelSize, borderWidth, aspectRatio, style, }: DTGalleryProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=DTGallery.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DTGallery.d.ts","sourceRoot":"","sources":["../../src/components/DTGallery.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAKV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAkB,EAClB,aAAkB,EAClB,SAAc,EACd,WAAe,EACf,KAAK,GACN,EAAE,cAAc,kDA6MhB"}
+{"version":3,"file":"DTGallery.d.ts","sourceRoot":"","sources":["../../src/components/DTGallery.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EAGL,SAAS,EACT,SAAS,EAKV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAC,KAAK,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AAIvE,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,cAAc;IACtB;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAkB,EAClB,aAAkB,EAClB,SAAc,EACd,WAAe,EACf,WAAe,EACf,KAAK,GACN,EAAE,cAAc,kDAgPhB"}