@echoform/echo-ui 0.1.1 → 0.2.0

package/dist/components/EchoWhyBecomeAnEchoModal.js

@@ -0,0 +1,321 @@
+"use strict";
+/**
+ * EchoWhyBecomeAnEchoModal
+ *
+ * Presentation-only "Why Become an Echo?" modal.
+ * Extracted verbatim from the Echo UI Reference welcome section.
+ *
+ * This component owns the complete shared Echoform explanatory copy and
+ * visual presentation. All content is fixed Echoform brand text that never
+ * changes per host app.
+ *
+ * DIMENSIONS
+ * ──────────
+ * ~88% of window height, max width 520, dark overlay, cyan border,
+ * scrollable body, fixed "Got It" footer button.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityViewIsModal on the outer Modal
+ * • Header role on the title
+ * • All bullet rows accessible as text
+ * • Callout section labeled with accessible text
+ * • Close button: "Close", role button
+ * • Got It button: "Got it", role button, hint "Closes this popup"
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoWhyBecomeAnEchoModal = EchoWhyBecomeAnEchoModal;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const vector_icons_1 = require("@expo/vector-icons");
+const theme_1 = require("../theme");
+// ─────────────────────────────────────────────────────────────────────────────
+// Bullet data (static Echoform copy)
+// ─────────────────────────────────────────────────────────────────────────────
+const BULLETS = [
+    {
+        text: 'Keep your data synchronized across your devices.',
+        a11y: 'Keep your data synchronized across your devices.',
+    },
+    {
+        text: 'Restore your information if you replace or lose a device.',
+        a11y: 'Restore your information if you replace or lose a device.',
+    },
+    {
+        text: 'Carry your Echo Emblem, Echo Title, and future unlocks across every Echoform app.',
+        a11y: 'Carry your Echo Emblem, Echo Title, and future unlocks across every Echoform app.',
+    },
+    {
+        text: 'Access online features, cloud backup, multiplayer experiences, and community events as they become available.',
+        a11y: 'Access online features, cloud backup, multiplayer experiences, and community events as they become available.',
+    },
+    {
+        text: 'Grow one identity that evolves with every new Echoform experience.',
+        a11y: 'Grow one identity that evolves with every new Echoform experience.',
+    },
+];
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoWhyBecomeAnEchoModal({ visible, onClose, }) {
+    const modalCardH = Math.round(react_native_1.Dimensions.get('window').height * 0.88);
+    return (<react_native_1.Modal visible={visible} transparent animationType="fade" onRequestClose={onClose} accessibilityViewIsModal>
+      <react_native_1.View style={styles.overlay}>
+        <react_native_1.View style={[styles.card, { height: modalCardH }]}>
+
+          {/* Header */}
+          <react_native_1.View style={styles.header}>
+            <react_native_1.Text style={styles.headerTitle} accessibilityRole="header">
+              Why Become an Echo?
+            </react_native_1.Text>
+            <react_native_1.Pressable onPress={onClose} hitSlop={8} style={({ pressed }) => (pressed ? { opacity: 0.6 } : undefined)} accessibilityLabel="Close" accessibilityRole="button">
+              <vector_icons_1.MaterialIcons name="close" size={24} color={theme_1.COLORS.textSecondary}/>
+            </react_native_1.Pressable>
+          </react_native_1.View>
+
+          {/* Scrollable body */}
+          <react_native_1.View style={styles.scrollRegion}>
+            <react_native_1.ScrollView style={styles.scrollView} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator nestedScrollEnabled keyboardShouldPersistTaps="handled">
+              <react_native_1.Text style={styles.sectionHeading} accessibilityRole="header" accessibilityLabel="Welcome to Echoform.">
+                Welcome to Echoform.
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.bodyText} accessibilityLabel="Echoform was created with a simple goal:">
+                Echoform was created with a simple goal:
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.emphasis}>
+                To build an accessible world with Echoes like you.
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.bodyText} accessibilityLabel="An Echo is a member of the Echoform community.">
+                An{' '}
+                <react_native_1.Text style={styles.inlineBold}>Echo</react_native_1.Text>
+                {' '}is a member of the Echoform community.
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.bodyText} accessibilityLabel="Every Echoform app can be enjoyed on its own, and you're always welcome to continue offline. Creating an Echo Profile is completely optional—but it unlocks a connected experience that grows with you.">
+                Every Echoform app can be enjoyed on its own, and you're always
+                welcome to continue offline. Creating an{' '}
+                <react_native_1.Text style={styles.inlineBold}>Echo Profile</react_native_1.Text>
+                {' '}is completely optional—but it unlocks a connected experience
+                that grows with you.
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.subheading}>With an Echo Profile, you can:</react_native_1.Text>
+
+              {BULLETS.map(({ text, a11y }, i) => (<react_native_1.View key={i} style={styles.bulletRow} accessible accessibilityRole="text" accessibilityLabel={a11y}>
+                  <react_native_1.Text style={styles.bulletDot} importantForAccessibility="no" accessibilityElementsHidden>
+                    •
+                  </react_native_1.Text>
+                  <react_native_1.Text style={styles.bulletText} importantForAccessibility="no" accessibilityElementsHidden>
+                    {text}
+                  </react_native_1.Text>
+                </react_native_1.View>))}
+
+              <react_native_1.Text style={styles.bodyText}>
+                Your Echo Profile is not just for this app.
+              </react_native_1.Text>
+
+              <react_native_1.Text style={styles.emphasis} accessibilityLabel="It is your place within the Echoform ecosystem.">
+                It is your place within the Echoform ecosystem.
+              </react_native_1.Text>
+
+              {/* Callout */}
+              <react_native_1.View style={styles.callout}>
+                <react_native_1.Text style={styles.calloutHeading}>One Echo Profile.</react_native_1.Text>
+                <react_native_1.Text style={styles.calloutHeading} accessibilityLabel="Every Echoform app.">
+                  Every Echoform app.
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.calloutBody}>Every Echo has a story.</react_native_1.Text>
+                <react_native_1.Text style={[styles.calloutBody, styles.calloutBodyStrong]}>
+                  This is where yours begins.
+                </react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.Text style={styles.footer}>
+                Thank you for helping us build an accessible world with Echoes like you.
+              </react_native_1.Text>
+            </react_native_1.ScrollView>
+          </react_native_1.View>
+
+          {/* Got It footer */}
+          <react_native_1.Pressable onPress={onClose} style={({ pressed }) => [
+            styles.gotItBtn,
+            pressed && { opacity: 0.75 },
+        ]} accessibilityLabel="Got it" accessibilityRole="button" accessibilityHint="Closes this popup">
+            <react_native_1.Text style={styles.gotItText}>Got It</react_native_1.Text>
+          </react_native_1.Pressable>
+
+        </react_native_1.View>
+      </react_native_1.View>
+    </react_native_1.Modal>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    overlay: {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingHorizontal: 20,
+        paddingVertical: 24,
+        backgroundColor: 'rgba(0,0,0,0.75)',
+    },
+    card: {
+        width: '100%',
+        maxWidth: 520,
+        backgroundColor: theme_1.COLORS.bg,
+        borderRadius: 24,
+        overflow: 'hidden',
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonCyan + '33',
+    },
+    // Header
+    header: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingVertical: theme_1.SPACING.md,
+        borderBottomWidth: 1,
+        borderBottomColor: theme_1.COLORS.border,
+    },
+    headerTitle: {
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    // Scroll region
+    scrollRegion: {
+        flex: 1,
+        minHeight: 0,
+    },
+    scrollView: {
+        flex: 1,
+    },
+    scrollContent: {
+        paddingHorizontal: theme_1.SPACING.lg,
+        paddingTop: theme_1.SPACING.md,
+        paddingBottom: theme_1.SPACING.xl,
+    },
+    // Typography
+    sectionHeading: {
+        fontSize: theme_1.FONTS.xl,
+        fontWeight: '800',
+        color: theme_1.COLORS.textPrimary,
+        letterSpacing: 0.3,
+        marginBottom: theme_1.SPACING.sm,
+    },
+    bodyText: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textSecondary,
+        lineHeight: 26,
+        marginBottom: theme_1.SPACING.sm,
+    },
+    emphasis: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: theme_1.COLORS.neonCyan,
+        lineHeight: 26,
+        marginBottom: theme_1.SPACING.sm,
+    },
+    inlineBold: {
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    subheading: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+        marginTop: theme_1.SPACING.sm,
+        marginBottom: theme_1.SPACING.xs,
+    },
+    // Bullets
+    bulletRow: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: theme_1.SPACING.sm,
+        paddingLeft: theme_1.SPACING.sm,
+        marginBottom: theme_1.SPACING.xs,
+    },
+    bulletDot: {
+        fontSize: theme_1.FONTS.lg,
+        color: theme_1.COLORS.neonCyan,
+        lineHeight: 26,
+        marginTop: 1,
+    },
+    bulletText: {
+        flex: 1,
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textSecondary,
+        lineHeight: 26,
+    },
+    // Callout
+    callout: {
+        backgroundColor: theme_1.COLORS.neonCyan + '0C',
+        borderRadius: theme_1.RADIUS.xl,
+        borderWidth: 1,
+        borderColor: theme_1.COLORS.neonCyan + '33',
+        padding: theme_1.SPACING.xl,
+        gap: theme_1.SPACING.sm,
+        alignItems: 'center',
+        marginTop: theme_1.SPACING.sm,
+        marginBottom: theme_1.SPACING.md,
+    },
+    calloutHeading: {
+        fontSize: theme_1.FONTS.lg,
+        fontWeight: '800',
+        color: theme_1.COLORS.neonCyan,
+        textAlign: 'center',
+        letterSpacing: 0.3,
+    },
+    calloutBody: {
+        fontSize: theme_1.FONTS.md,
+        color: theme_1.COLORS.textSecondary,
+        textAlign: 'center',
+        lineHeight: 24,
+        marginTop: theme_1.SPACING.xs,
+    },
+    calloutBodyStrong: {
+        fontWeight: '700',
+        color: theme_1.COLORS.textPrimary,
+    },
+    // Footer text
+    footer: {
+        fontSize: theme_1.FONTS.sm,
+        color: theme_1.COLORS.textMuted,
+        textAlign: 'center',
+        lineHeight: 22,
+        fontStyle: 'italic',
+        marginTop: theme_1.SPACING.sm,
+    },
+    // Got It button
+    gotItBtn: {
+        marginHorizontal: theme_1.SPACING.lg,
+        marginBottom: theme_1.SPACING.md,
+        marginTop: theme_1.SPACING.sm,
+        backgroundColor: theme_1.COLORS.neonCyan + '18',
+        borderRadius: theme_1.RADIUS.lg,
+        borderWidth: 1.5,
+        borderColor: theme_1.COLORS.neonCyan + 'CC',
+        paddingVertical: theme_1.SPACING.md,
+        alignItems: 'center',
+        justifyContent: 'center',
+        minHeight: 52,
+    },
+    gotItText: {
+        fontSize: theme_1.FONTS.md,
+        fontWeight: '700',
+        color: theme_1.COLORS.neonCyan,
+        letterSpacing: 0.3,
+    },
+});
+//# sourceMappingURL=EchoWhyBecomeAnEchoModal.js.map

package/dist/components/EchoWhyBecomeAnEchoModal.js.map

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

package/dist/components/EchoformInfoButton.d.ts

@@ -0,0 +1,27 @@
+/**
+ * EchoformInfoButton
+ *
+ * Presentation-only Echoform logo button used in the Echo Profile header.
+ * Extracted from the Echo UI Reference account screen menu button.
+ *
+ * Renders a 44×44 circular image button using the host-supplied logo.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityLabel: "Echoform Productions Information and Support"
+ * • accessibilityRole: "button"
+ * • accessibilityHint: "Opens information, privacy, and support options"
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+export type EchoformInfoButtonProps = {
+    /** Echoform logo image to display inside the button. */
+    logoSource: ImageSource;
+    /** Called when the user taps the logo button. */
+    onPress: () => void;
+};
+export declare function EchoformInfoButton({ logoSource, onPress, }: EchoformInfoButtonProps): React.JSX.Element;
+//# sourceMappingURL=EchoformInfoButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoformInfoButton.d.ts","sourceRoot":"","sources":["../../src/components/EchoformInfoButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAM9C,MAAM,MAAM,uBAAuB,GAAG;IACpC,wDAAwD;IACxD,UAAU,EAAE,WAAW,CAAC;IACxB,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAMF,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,OAAO,GACR,EAAE,uBAAuB,qBAqBzB"}

package/dist/components/EchoformInfoButton.js

@@ -0,0 +1,60 @@
+"use strict";
+/**
+ * EchoformInfoButton
+ *
+ * Presentation-only Echoform logo button used in the Echo Profile header.
+ * Extracted from the Echo UI Reference account screen menu button.
+ *
+ * Renders a 44×44 circular image button using the host-supplied logo.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityLabel: "Echoform Productions Information and Support"
+ * • accessibilityRole: "button"
+ * • accessibilityHint: "Opens information, privacy, and support options"
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EchoformInfoButton = EchoformInfoButton;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const expo_image_1 = require("expo-image");
+// ─────────────────────────────────────────────────────────────────────────────
+// Component
+// ─────────────────────────────────────────────────────────────────────────────
+function EchoformInfoButton({ logoSource, onPress, }) {
+    return (<react_native_1.View style={styles.wrapper}>
+      <react_native_1.Pressable onPress={onPress} style={({ pressed }) => [styles.btn, pressed ? { opacity: 0.7 } : null]} accessibilityLabel="Echoform Productions Information and Support" accessibilityRole="button" accessibilityHint="Opens information, privacy, and support options" hitSlop={8}>
+        <expo_image_1.Image source={logoSource} style={styles.logo} contentFit="contain" accessible={false} importantForAccessibility="no"/>
+      </react_native_1.Pressable>
+    </react_native_1.View>);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Styles
+// ─────────────────────────────────────────────────────────────────────────────
+const styles = react_native_1.StyleSheet.create({
+    wrapper: {
+        width: 44,
+        height: 44,
+        alignItems: 'flex-end',
+        justifyContent: 'center',
+    },
+    btn: {
+        width: 44,
+        height: 44,
+        borderRadius: 22,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    logo: {
+        width: 44,
+        height: 44,
+    },
+});
+//# sourceMappingURL=EchoformInfoButton.js.map

package/dist/components/EchoformInfoButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EchoformInfoButton.js","sourceRoot":"","sources":["../../src/components/EchoformInfoButton.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;GAgBG;;;;;AAsBH,gDAwBC;AA5CD,kDAA0B;AAC1B,+CAA2D;AAC3D,2CAAmC;AAcnC,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,OAAO,GACiB;IACxB,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;MAAA,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CACxE,kBAAkB,CAAC,8CAA8C,CACjE,iBAAiB,CAAC,QAAQ,CAC1B,iBAAiB,CAAC,iDAAiD,CACnE,OAAO,CAAC,CAAC,CAAC,CAAC,CAEX;QAAA,CAAC,kBAAK,CACJ,MAAM,CAAC,CAAC,UAAU,CAAC,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACnB,UAAU,CAAC,SAAS,CACpB,UAAU,CAAC,CAAC,KAAK,CAAC,CAClB,yBAAyB,CAAC,IAAI,EAElC;MAAA,EAAE,wBAAS,CACb;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,KAAK,EAAW,EAAE;QAClB,MAAM,EAAU,EAAE;QAClB,UAAU,EAAM,UAAU;QAC1B,cAAc,EAAE,QAAQ;KACzB;IACD,GAAG,EAAE;QACH,KAAK,EAAW,EAAE;QAClB,MAAM,EAAU,EAAE;QAClB,YAAY,EAAI,EAAE;QAClB,QAAQ,EAAQ,QAAQ;QACxB,UAAU,EAAM,QAAQ;QACxB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,KAAK,EAAG,EAAE;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC"}

package/dist/components/EchoformInfoModal.d.ts

@@ -0,0 +1,63 @@
+/**
+ * EchoformInfoModal
+ *
+ * Presentation-only Echoform information and support modal.
+ * Extracted from the Echo UI Reference account screen.
+ *
+ * Renders:
+ *  • Page-sheet (iOS) / full-screen (other) modal
+ *  • Echoform heading and close button
+ *  • Host-supplied Echoform logo
+ *  • "Echoform" brand name
+ *  • Host appName displayed as the tagline
+ *  • Privacy Policy card (action delegated to host)
+ *  • CONTACT SUPPORT section
+ *  • Support email with copy button (action delegated to host)
+ *  • Suggested Format bulleted list
+ *
+ * HOST RESPONSIBILITIES
+ * ─────────────────────
+ * • Opening/closing state
+ * • Privacy policy URL navigation (onPrivacyPolicy)
+ * • Clipboard write (onCopySupportEmail)
+ * • Safe-area insets (topInset / bottomInset)
+ *
+ * The package does NOT import expo-clipboard, Linking, Expo Router,
+ * auth, contexts, or services.
+ *
+ * ACCESSIBILITY
+ * ─────────────
+ * • accessibilityViewIsModal on the outer Modal
+ * • Header role on "Echoform" title
+ * • Close button: "Close Echoform", role button
+ * • Privacy Policy: role link, hint opens in browser
+ * • Support email: selectable, descriptive accessibility label
+ * • Copy email: role button, copied/check state
+ *
+ * No Expo Router, no auth, no contexts, no services, no app-specific code.
+ * Canonical shared component for @echoform/echo-ui.
+ */
+import React from 'react';
+import type { ImageSource } from 'expo-image';
+export type EchoformInfoModalProps = {
+    visible: boolean;
+    /** Echoform logo image displayed in the modal body. */
+    logoSource: ImageSource;
+    /** Host application name displayed as the tagline below "Echoform". */
+    appName: string;
+    /** Support email address. Defaults to support@echoformproductions.com. */
+    supportEmail?: string;
+    /** Whether the email address has just been copied. Defaults to false. */
+    emailCopied?: boolean;
+    onClose: () => void;
+    /** Host performs URL navigation for the privacy policy. */
+    onPrivacyPolicy: () => void;
+    /** Host performs clipboard write and manages emailCopied state. */
+    onCopySupportEmail: () => void;
+    /** Top inset supplied by the host. Defaults to 0. */
+    topInset?: number;
+    /** Bottom inset supplied by the host. Defaults to 0. */
+    bottomInset?: number;
+};
+export declare function EchoformInfoModal({ visible, logoSource, appName, supportEmail, emailCopied, onClose, onPrivacyPolicy, onCopySupportEmail, topInset, bottomInset, }: EchoformInfoModalProps): React.JSX.Element;
+//# sourceMappingURL=EchoformInfoModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EchoformInfoModal.d.ts","sourceRoot":"","sources":["../../src/components/EchoformInfoModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAQ9C,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAQ,OAAO,CAAC;IACvB,uDAAuD;IACvD,UAAU,EAAK,WAAW,CAAC;IAC3B,uEAAuE;IACvE,OAAO,EAAQ,MAAM,CAAC;IACtB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yEAAyE;IACzE,WAAW,CAAC,EAAG,OAAO,CAAC;IACvB,OAAO,EAAe,MAAM,IAAI,CAAC;IACjC,2DAA2D;IAC3D,eAAe,EAAO,MAAM,IAAI,CAAC;IACjC,mEAAmE;IACnE,kBAAkB,EAAI,MAAM,IAAI,CAAC;IACjC,qDAAqD;IACrD,QAAQ,CAAC,EAAM,MAAM,CAAC;IACtB,wDAAwD;IACxD,WAAW,CAAC,EAAG,MAAM,CAAC;CACvB,CAAC;AAkBF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAiD,EACjD,WAAqB,EACrB,OAAO,EACP,eAAe,EACf,kBAAkB,EAClB,QAAiB,EACjB,WAAiB,GAClB,EAAE,sBAAsB,qBA8JxB"}