@umituz/react-native-design-system 1.3.1 → 1.3.2

package/lib/presentation/molecules/SectionCard.d.ts

@@ -0,0 +1,25 @@
+/**
+ * SectionCard Molecule Component
+ *
+ * Reusable section card with title and content area.
+ * Used throughout settings screens for consistent grouping.
+ *
+ * Features:
+ * - Automatic theme-aware styling
+ * - Uppercase section titles with proper spacing
+ * - Built on AtomicCard for consistency
+ * - Flexible content area
+ *
+ * Atomic Design: Molecule (Card + Text)
+ */
+import React from 'react';
+interface SectionCardProps {
+    title: string;
+    children: React.ReactNode;
+    style?: object;
+    contentStyle?: object;
+    testID?: string;
+}
+export declare const SectionCard: React.FC<SectionCardProps>;
+export {};
+//# sourceMappingURL=SectionCard.d.ts.map

package/lib/presentation/molecules/SectionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4BlD,CAAC"}

package/lib/presentation/molecules/SectionCard.js

@@ -0,0 +1,47 @@
+/**
+ * SectionCard Molecule Component
+ *
+ * Reusable section card with title and content area.
+ * Used throughout settings screens for consistent grouping.
+ *
+ * Features:
+ * - Automatic theme-aware styling
+ * - Uppercase section titles with proper spacing
+ * - Built on AtomicCard for consistency
+ * - Flexible content area
+ *
+ * Atomic Design: Molecule (Card + Text)
+ */
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { AtomicCard } from '../atoms/AtomicCard';
+import { AtomicText } from '../atoms/AtomicText';
+export const SectionCard = ({ title, children, style, contentStyle, testID, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    return (<AtomicCard variant="outlined" style={StyleSheet.flatten([styles.card, style])} testID={testID}>
+      <AtomicText type="labelLarge" color={tokens.colors.textSecondary} style={styles.title}>
+        {title.toUpperCase()}
+      </AtomicText>
+      <View style={contentStyle}>
+        {children}
+      </View>
+    </AtomicCard>);
+};
+const getStyles = (tokens) => StyleSheet.create({
+    card: {
+        paddingVertical: tokens.spacing.md,
+        paddingHorizontal: 0,
+        marginHorizontal: tokens.spacing.md,
+        marginBottom: tokens.spacing.lg,
+    },
+    title: {
+        fontSize: tokens.typography.labelLarge.fontSize,
+        fontWeight: tokens.typography.labelLarge.fontWeight,
+        letterSpacing: 0.5,
+        paddingHorizontal: tokens.spacing.md,
+        marginBottom: tokens.spacing.sm,
+    },
+});
+//# sourceMappingURL=SectionCard.js.map

package/lib/presentation/molecules/SectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAUjD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,UAAU,CACT,OAAO,CAAC,UAAU,CAClB,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAChD,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CACnC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAEpB;QAAA,CAAC,KAAK,CAAC,WAAW,EAAE,CACtB;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACxB;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;IACrF,IAAI,EAAE;QACJ,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,iBAAiB,EAAE,CAAC;QACpB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACnC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;QAC/C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU;QACnD,aAAa,EAAE,GAAG;QAClB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;CACF,CAAC,CAAC"}

package/lib/presentation/molecules/SectionContainer.d.ts

@@ -0,0 +1,33 @@
+/**
+ * SectionContainer Molecule - Universal Section Wrapper
+ *
+ * Provides consistent section layout with optional title
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULE
+ * Composition: View + AtomicText + Layout
+ *
+ * Usage:
+ * - Home screen sections
+ * - Dashboard sections
+ * - Settings groups
+ * - Content sections
+ */
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface SectionContainerProps {
+    /** Section title (optional) */
+    title?: string;
+    /** Section title color (default: textPrimary) */
+    titleColor?: string;
+    /** Section title style override */
+    titleStyle?: TextStyle;
+    /** Container style override */
+    style?: ViewStyle;
+    /** Content to render inside section */
+    children: React.ReactNode;
+    /** Right action element (e.g., "See All" link) */
+    rightAction?: React.ReactNode;
+}
+export declare const SectionContainer: React.FC<SectionContainerProps>;
+//# sourceMappingURL=SectionContainer.d.ts.map

package/lib/presentation/molecules/SectionContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAMD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+B5D,CAAC"}

package/lib/presentation/molecules/SectionContainer.js

@@ -0,0 +1,64 @@
+/**
+ * SectionContainer Molecule - Universal Section Wrapper
+ *
+ * Provides consistent section layout with optional title
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULE
+ * Composition: View + AtomicText + Layout
+ *
+ * Usage:
+ * - Home screen sections
+ * - Dashboard sections
+ * - Settings groups
+ * - Content sections
+ */
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { AtomicText } from '../atoms/AtomicText';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const SectionContainer = ({ title, titleColor, titleStyle, style, children, rightAction, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    return (<View style={[styles.section, style]}>
+      {title && (<View style={styles.header}>
+          <AtomicText type="titleLarge" color={titleColor || "primary"} style={StyleSheet.flatten([
+                styles.sectionTitle,
+                titleStyle,
+            ])}>
+            {title}
+          </AtomicText>
+          {rightAction && <View style={styles.rightAction}>{rightAction}</View>}
+        </View>)}
+      {children}
+    </View>);
+};
+// =============================================================================
+// STYLES
+// =============================================================================
+const getStyles = (tokens) => StyleSheet.create({
+    section: {
+        marginBottom: tokens.spacing.lg,
+        paddingHorizontal: tokens.spacing.md,
+    },
+    header: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: tokens.spacing.md,
+    },
+    sectionTitle: {
+        fontSize: tokens.typography.titleLarge.fontSize,
+        fontWeight: tokens.typography.titleLarge.fontWeight,
+    },
+    rightAction: {
+        marginLeft: tokens.spacing.sm,
+    },
+});
+// =============================================================================
+// EXPORTS
+// =============================================================================
+//# sourceMappingURL=SectionContainer.js.map

package/lib/presentation/molecules/SectionContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAqBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CACnC;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CACzB;UAAA,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,YAAY;gBACnB,UAAU;aACX,CAAC,CAAC,CAEH;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,UAAU,CACZ;UAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC/B,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACrC;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;QAC/C,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU;KACpD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}

package/lib/presentation/molecules/SectionHeader.d.ts

@@ -0,0 +1,37 @@
+/**
+ * SectionHeader Molecule - Universal Section Header
+ *
+ * Displays section title with optional subtitle
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULE
+ * Composition: AtomicText + Layout
+ *
+ * Usage:
+ * - List headers
+ * - Grid headers
+ * - Section dividers
+ * - Screen headers
+ */
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+export interface SectionHeaderProps {
+    /** Main heading text */
+    title: string;
+    /** Optional subtitle text */
+    subtitle?: string;
+    /** Custom title color (default: textPrimary) */
+    titleColor?: string;
+    /** Custom subtitle color (default: textSecondary) */
+    subtitleColor?: string;
+    /** Container style override */
+    style?: ViewStyle;
+    /** Title style override */
+    titleStyle?: TextStyle;
+    /** Subtitle style override */
+    subtitleStyle?: TextStyle;
+    /** Right action element (e.g., button, icon) */
+    rightAction?: React.ReactNode;
+}
+export declare const SectionHeader: React.FC<SectionHeaderProps>;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/lib/presentation/molecules/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gDAAgD;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAMD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAC"}

package/lib/presentation/molecules/SectionHeader.js

@@ -0,0 +1,73 @@
+/**
+ * SectionHeader Molecule - Universal Section Header
+ *
+ * Displays section title with optional subtitle
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULE
+ * Composition: AtomicText + Layout
+ *
+ * Usage:
+ * - List headers
+ * - Grid headers
+ * - Section dividers
+ * - Screen headers
+ */
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { AtomicText } from '../atoms/AtomicText';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const SectionHeader = ({ title, subtitle, titleColor, subtitleColor, style, titleStyle, subtitleStyle, rightAction, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    return (<View style={[styles.container, style]}>
+      <View style={styles.textContainer}>
+        <AtomicText type="headlineLarge" color={titleColor || "primary"} style={StyleSheet.flatten([
+            styles.title,
+            titleStyle,
+        ])}>
+          {title}
+        </AtomicText>
+        {subtitle && (<AtomicText type="bodyMedium" color={subtitleColor || "secondary"} style={StyleSheet.flatten([
+                styles.subtitle,
+                subtitleStyle,
+            ])}>
+            {subtitle}
+          </AtomicText>)}
+      </View>
+      {rightAction && <View style={styles.rightAction}>{rightAction}</View>}
+    </View>);
+};
+// =============================================================================
+// STYLES
+// =============================================================================
+const getStyles = (tokens) => StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        paddingHorizontal: tokens.spacing.md,
+        paddingVertical: tokens.spacing.sm,
+    },
+    textContainer: {
+        flex: 1,
+    },
+    title: {
+        fontSize: tokens.typography.headlineLarge.fontSize,
+        fontWeight: tokens.typography.headlineLarge.fontWeight,
+        marginBottom: tokens.spacing.xs,
+    },
+    subtitle: {
+        fontSize: tokens.typography.bodyMedium.fontSize,
+    },
+    rightAction: {
+        marginLeft: tokens.spacing.sm,
+    },
+});
+// =============================================================================
+// EXPORTS
+// =============================================================================
+//# sourceMappingURL=SectionHeader.js.map

package/lib/presentation/molecules/SectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/presentation/molecules/SectionHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAyBjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,EACV,aAAa,EACb,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;QAAA,CAAC,UAAU,CACT,IAAI,CAAC,eAAe,CACpB,KAAK,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAC/B,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YACxB,MAAM,CAAC,KAAK;YACZ,UAAU;SACX,CAAC,CAAC,CAEH;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,QAAQ,IAAI,CACX,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,CACpC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,QAAQ;gBACf,aAAa;aACd,CAAC,CAAC,CAEH;YAAA,CAAC,QAAQ,CACX;UAAA,EAAE,UAAU,CAAC,CACd,CACH;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QACpC,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnC;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ;QAClD,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU;QACtD,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAChC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;KAChD;IACD,WAAW,EAAE;QACX,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KAC9B;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}

package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts

@@ -0,0 +1,50 @@
+/**
+ * AtomicConfirmationModal Style Utilities
+ *
+ * Styling functions for confirmation modal component
+ */
+import { ViewStyle } from 'react-native';
+import { ConfirmationModalVariant, ConfirmationModalVariantConfig } from '../types';
+import type { DesignTokens } from '../../../tokens/AppDesignTokens';
+/**
+ * Get variant configuration (icon and color only)
+ * Note: Confirm text is handled in component with translations
+ */
+export declare const getVariantConfig: (variant: ConfirmationModalVariant, tokens: DesignTokens) => Omit<ConfirmationModalVariantConfig, "confirmText">;
+/**
+ * Get modal overlay style
+ */
+export declare const getModalOverlayStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get backdrop style (invisible layer for dismissing)
+ */
+export declare const getBackdropStyle: () => ViewStyle;
+/**
+ * Get modal container style
+ */
+export declare const getModalContainerStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get icon container style
+ */
+export declare const getIconContainerStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get title container style
+ */
+export declare const getTitleContainerStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get message container style
+ */
+export declare const getMessageContainerStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get button container style
+ */
+export declare const getButtonContainerStyle: (tokens: DesignTokens) => ViewStyle;
+/**
+ * Get button style
+ */
+export declare const getButtonStyle: () => ViewStyle;
+/**
+ * Get confirm button variant based on modal variant
+ */
+export declare const getConfirmButtonVariant: (variant: ConfirmationModalVariant) => "primary" | "secondary" | "tertiary" | "outline" | "ghost";
+//# sourceMappingURL=confirmationModalStyles.d.ts.map

package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmationModalStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,wBAAwB,EACjC,QAAQ,YAAY,KACnB,IAAI,CAAC,8BAA8B,EAAE,aAAa,CAwBpD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAK1D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAMlC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAS5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,KAAG,SAE3D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAE5D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,KAAG,SAE9D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,KAAG,SAI7D,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,SAEhC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAClC,SAAS,wBAAwB,KAChC,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAYrD,CAAC"}

package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js

@@ -0,0 +1,115 @@
+/**
+ * AtomicConfirmationModal Style Utilities
+ *
+ * Styling functions for confirmation modal component
+ */
+/**
+ * Get variant configuration (icon and color only)
+ * Note: Confirm text is handled in component with translations
+ */
+export const getVariantConfig = (variant, tokens) => {
+    switch (variant) {
+        case 'destructive':
+            return {
+                icon: 'warning',
+                iconColor: 'error',
+            };
+        case 'warning':
+            return {
+                icon: 'warning',
+                iconColor: 'warning',
+            };
+        case 'success':
+            return {
+                icon: 'check-circle',
+                iconColor: 'success',
+            };
+        case 'default':
+        default:
+            return {
+                icon: 'help-circle',
+                iconColor: 'primary',
+            };
+    }
+};
+/**
+ * Get modal overlay style
+ */
+export const getModalOverlayStyle = (tokens) => ({
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+});
+/**
+ * Get backdrop style (invisible layer for dismissing)
+ */
+export const getBackdropStyle = () => ({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+});
+/**
+ * Get modal container style
+ */
+export const getModalContainerStyle = (tokens) => ({
+    width: '85%',
+    maxWidth: 400,
+    backgroundColor: tokens.colors.surface,
+    borderRadius: 16,
+    padding: 24,
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: tokens.colors.outline,
+});
+/**
+ * Get icon container style
+ */
+export const getIconContainerStyle = (tokens) => ({
+    marginBottom: 16,
+});
+/**
+ * Get title container style
+ */
+export const getTitleContainerStyle = (tokens) => ({
+    marginBottom: 8,
+});
+/**
+ * Get message container style
+ */
+export const getMessageContainerStyle = (tokens) => ({
+    marginBottom: 24,
+});
+/**
+ * Get button container style
+ */
+export const getButtonContainerStyle = (tokens) => ({
+    flexDirection: 'row',
+    gap: 12,
+    width: '100%',
+});
+/**
+ * Get button style
+ */
+export const getButtonStyle = () => ({
+    flex: 1,
+});
+/**
+ * Get confirm button variant based on modal variant
+ */
+export const getConfirmButtonVariant = (variant) => {
+    switch (variant) {
+        case 'destructive':
+            return 'primary'; // Will use error color
+        case 'warning':
+            return 'primary'; // Will use warning color
+        case 'success':
+            return 'primary'; // Will use success color
+        case 'default':
+        default:
+            return 'primary';
+    }
+};
+//# sourceMappingURL=confirmationModalStyles.js.map

package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmationModalStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,MAAoB,EACiC,EAAE;IACvD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,aAAa;YAChB,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,OAAO;aACnB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,SAAS;aACrB,CAAC;QACJ,KAAK,SAAS,CAAC;QACf;YACE,OAAO;gBACL,IAAI,EAAE,aAAa;gBACnB,SAAS,EAAE,SAAS;aACrB,CAAC;IACN,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IACxE,IAAI,EAAE,CAAC;IACP,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,eAAe,EAAE,oBAAoB;CACtC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC1E,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;IACtC,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;CACnC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IACzE,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC1E,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC5E,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAC3E,aAAa,EAAE,KAAK;IACpB,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAc,EAAE,CAAC,CAAC;IAC9C,IAAI,EAAE,CAAC;CACR,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAiC,EAC2B,EAAE;IAC9D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,aAAa;YAChB,OAAO,SAAS,CAAC,CAAC,uBAAuB;QAC3C,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,yBAAyB;QAC7C,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC,CAAC,yBAAyB;QAC7C,KAAK,SAAS,CAAC;QACf;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC"}

package/lib/presentation/molecules/confirmation-modal/types/index.d.ts

@@ -0,0 +1,88 @@
+/**
+ * AtomicConfirmationModal Type Definitions
+ *
+ * Type-safe interfaces for confirmation modal component
+ */
+import { StyleProp, ViewStyle } from 'react-native';
+import type { AtomicIconColor } from '../../../atoms/AtomicIcon';
+/**
+ * Confirmation modal variant
+ * Determines the visual style and default behavior
+ */
+export type ConfirmationModalVariant = 'default' | 'destructive' | 'warning' | 'success';
+/**
+ * Props for AtomicConfirmationModal component
+ */
+export interface AtomicConfirmationModalProps {
+    /**
+     * Whether the modal is visible
+     */
+    visible: boolean;
+    /**
+     * Modal title (required)
+     * e.g., "Delete Item?", "Confirm Action", "Are you sure?"
+     */
+    title: string;
+    /**
+     * Modal message/description (required)
+     * e.g., "This action cannot be undone."
+     */
+    message: string;
+    /**
+     * Variant determines visual style
+     * @default 'default'
+     */
+    variant?: ConfirmationModalVariant;
+    /**
+     * Confirm button text
+     * @default 'Confirm' (or variant-specific default)
+     */
+    confirmText?: string;
+    /**
+     * Cancel button text
+     * @default 'Cancel'
+     */
+    cancelText?: string;
+    /**
+     * Icon name to display at top (MaterialIcons name)
+     * If not provided, uses variant-specific default icon
+     * @see https://fonts.google.com/icons
+     */
+    icon?: string;
+    /**
+     * Callback when user confirms
+     */
+    onConfirm: () => void;
+    /**
+     * Callback when user cancels or dismisses
+     */
+    onCancel: () => void;
+    /**
+     * Whether to show backdrop (tap outside to close)
+     * @default true
+     */
+    showBackdrop?: boolean;
+    /**
+     * Whether backdrop is dismissible
+     * @default true
+     */
+    backdropDismissible?: boolean;
+    /**
+     * Custom style for modal container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+}
+/**
+ * Variant configuration
+ * Maps variant to icon, colors, and default text
+ */
+export interface ConfirmationModalVariantConfig {
+    icon: string;
+    confirmText: string;
+    iconColor: AtomicIconColor;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,wBAAwB,GAChC,SAAS,GACT,aAAa,GACb,SAAS,GACT,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,wBAAwB,CAAC;IAEnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,eAAe,CAAC;CAC5B"}

package/lib/presentation/molecules/confirmation-modal/types/index.js

@@ -0,0 +1,7 @@
+/**
+ * AtomicConfirmationModal Type Definitions
+ *
+ * Type-safe interfaces for confirmation modal component
+ */
+export {};
+//# sourceMappingURL=index.js.map

package/lib/presentation/molecules/confirmation-modal/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/confirmation-modal/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/lib/presentation/molecules/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Molecule Components Export Index
+ *
+ * Molecules are combinations of atoms that form more complex UI components
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULES
+ */
+export { FormField } from './FormField';
+export { ListItem } from './ListItem';
+export { SearchBar } from './SearchBar';
+export { LanguageSwitcher } from './LanguageSwitcher';
+export { SectionCard } from './SectionCard';
+export { IconContainer } from './IconContainer';
+export { ScreenHeader } from './ScreenHeader';
+export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
+export type { FormFieldProps } from './FormField';
+export type { ListItemProps } from './ListItem';
+export type { SearchBarProps } from './SearchBar';
+export type { ScreenHeaderProps } from './ScreenHeader';
+export type { AtomicConfirmationModalProps, ConfirmationModalVariant } from './AtomicConfirmationModal';
+import type { FormFieldProps } from './FormField';
+import type { ListItemProps } from './ListItem';
+import type { SearchBarProps } from './SearchBar';
+import type { ScreenHeaderProps } from './ScreenHeader';
+import type { AtomicConfirmationModalProps } from './AtomicConfirmationModal';
+export type MoleculeComponentProps = FormFieldProps | ListItemProps | SearchBarProps | ScreenHeaderProps | AtomicConfirmationModalProps;
+//# sourceMappingURL=index.d.ts.map

package/lib/presentation/molecules/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAM1F,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAGxG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAE9E,MAAM,MAAM,sBAAsB,GAC9B,cAAc,GACd,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,4BAA4B,CAAC"}

package/lib/presentation/molecules/index.js

@@ -0,0 +1,18 @@
+/**
+ * Molecule Components Export Index
+ *
+ * Molecules are combinations of atoms that form more complex UI components
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: MOLECULES
+ */
+// Component exports
+export { FormField } from './FormField';
+export { ListItem } from './ListItem';
+export { SearchBar } from './SearchBar';
+export { LanguageSwitcher } from './LanguageSwitcher';
+export { SectionCard } from './SectionCard';
+export { IconContainer } from './IconContainer';
+export { ScreenHeader } from './ScreenHeader';
+export { AtomicConfirmationModal, useConfirmationModal } from './AtomicConfirmationModal';
+//# sourceMappingURL=index.js.map

package/lib/presentation/molecules/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presentation/molecules/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,oBAAoB;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}