@situaction/traquiste-mobile 1.0.0-next.5 → 1.1.0

package/build/components/Calendar/CalendarHeader.js

@@ -0,0 +1,16 @@
+/** Calendar month navigation header with prev/next arrows and month-year label button */
+import { View } from 'react-native';
+import { CaretLeft, CaretRight, CaretDown } from 'phosphor-react-native';
+import { Button } from '../Button';
+import { calendarStyles } from './Calendar.styles';
+export function CalendarHeader({ label, onPrev, onNext, onLabelPress }) {
+    return (<View style={calendarStyles.header}>
+      <Button variant="ghost" size="M" content="icon-only" iconLeft={<CaretLeft size={24} weight="regular"/>} onPress={onPrev}/>
+
+      <Button variant="tertiary" size="M" label={label} iconRight={<CaretDown size={20} weight="regular"/>} onPress={onLabelPress}/>
+
+      <Button variant="ghost" size="M" content="icon-only" iconLeft={<CaretRight size={24} weight="regular"/>} onPress={onNext}/>
+    </View>);
+}
+export default CalendarHeader;
+//# sourceMappingURL=CalendarHeader.js.map

package/build/components/Calendar/CalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAuB;IACzF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CACjC;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,OAAO,CACf,IAAI,CAAC,GAAG,CACR,OAAO,CAAC,WAAW,CACnB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACnD,OAAO,CAAC,CAAC,MAAM,CAAC,EAGlB;;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,UAAU,CAClB,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACpD,OAAO,CAAC,CAAC,YAAY,CAAC,EAGxB;;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,OAAO,CACf,IAAI,CAAC,GAAG,CACR,OAAO,CAAC,WAAW,CACnB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,EAAG,CAAC,CACpD,OAAO,CAAC,CAAC,MAAM,CAAC,EAEpB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["/** Calendar month navigation header with prev/next arrows and month-year label button */\nimport { View } from 'react-native';\nimport { CaretLeft, CaretRight, CaretDown } from 'phosphor-react-native';\nimport { Button } from '../Button';\nimport type { CalendarHeaderProps } from './Calendar.types';\nimport { calendarStyles } from './Calendar.styles';\n\nexport function CalendarHeader({ label, onPrev, onNext, onLabelPress }: CalendarHeaderProps) {\n  return (\n    <View style={calendarStyles.header}>\n      <Button\n        variant=\"ghost\"\n        size=\"M\"\n        content=\"icon-only\"\n        iconLeft={<CaretLeft size={24} weight=\"regular\" />}\n        onPress={onPrev}\n      />\n\n      <Button\n        variant=\"tertiary\"\n        size=\"M\"\n        label={label}\n        iconRight={<CaretDown size={20} weight=\"regular\" />}\n        onPress={onLabelPress}\n      />\n\n      <Button\n        variant=\"ghost\"\n        size=\"M\"\n        content=\"icon-only\"\n        iconLeft={<CaretRight size={24} weight=\"regular\" />}\n        onPress={onNext}\n      />\n    </View>\n  );\n}\n\nexport default CalendarHeader;"]}

package/build/components/Calendar/CalendarLegend.d.ts

@@ -0,0 +1,3 @@
+import type { CalendarLegendProps } from './Calendar.types';
+export declare function CalendarLegend({ mode, i18n }: CalendarLegendProps): import("react").JSX.Element;
+//# sourceMappingURL=CalendarLegend.d.ts.map

package/build/components/Calendar/CalendarLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarLegend.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,mBAAmB,+BAuCjE"}

package/build/components/Calendar/CalendarLegend.js

@@ -0,0 +1,38 @@
+/** Calendar legend — three items explaining day states */
+import { Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { calendarStyles } from './Calendar.styles';
+export function CalendarLegend({ mode, i18n }) {
+    const { colors, fontFamily } = useTheme();
+    const cal = colors.calendar;
+    return (<View style={[
+            calendarStyles.legend,
+            { borderTopColor: cal.header.border, borderBottomColor: cal.header.border, backgroundColor: cal.legend.background },
+        ]}>
+      <View style={calendarStyles.legendItem}>
+        <View style={[calendarStyles.legendDot, { backgroundColor: cal.day.data.dot }]}/>
+        <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendData}</Text>
+      </View>
+
+      <View style={calendarStyles.legendItem}>
+        <View style={[calendarStyles.legendTodayCircle, { borderColor: cal.day.today.border }]}/>
+        <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendToday}</Text>
+      </View>
+
+      {mode === 'range' ? (<View style={calendarStyles.legendItem}>
+          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+            {/* Cercle start */}
+            <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }}/>
+            {/* Barre centrale — passe sous les dots jusqu'à leur milieu */}
+            <View style={{ width: 18, height: 13, backgroundColor: cal.range.background, marginHorizontal: -6 }}/>
+            {/* Cercle end */}
+            <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }}/>
+          </View>
+          <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendRange}</Text>
+        </View>) : (<View style={calendarStyles.legendItem}>
+          <View style={[calendarStyles.legendSelectionDot, { backgroundColor: cal.day.selected.background }]}/>
+          <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendSelection}</Text>
+        </View>)}
+    </View>);
+}
+//# sourceMappingURL=CalendarLegend.js.map

package/build/components/Calendar/CalendarLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarLegend.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarLegend.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Calendar legend — three items explaining day states */\nimport { Text, View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport type { CalendarLegendProps } from './Calendar.types';\nimport { calendarStyles } from './Calendar.styles';\n\nexport function CalendarLegend({ mode, i18n }: CalendarLegendProps) {\n  const { colors, fontFamily } = useTheme();\n  const cal = colors.calendar;\n\n  return (\n    <View style={[\n      calendarStyles.legend,\n      { borderTopColor: cal.header.border, borderBottomColor: cal.header.border, backgroundColor: cal.legend.background },\n    ]}>\n      <View style={calendarStyles.legendItem}>\n        <View style={[calendarStyles.legendDot, { backgroundColor: cal.day.data.dot }]} />\n        <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendData}</Text>\n      </View>\n\n      <View style={calendarStyles.legendItem}>\n        <View style={[calendarStyles.legendTodayCircle, { borderColor: cal.day.today.border }]} />\n        <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendToday}</Text>\n      </View>\n\n      {mode === 'range' ? (\n        <View style={calendarStyles.legendItem}>\n          <View style={{ flexDirection: 'row', alignItems: 'center' }}>\n            {/* Cercle start */}\n            <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }} />\n            {/* Barre centrale — passe sous les dots jusqu'à leur milieu */}\n            <View style={{ width: 18, height: 13, backgroundColor: cal.range.background, marginHorizontal: -6 }} />\n            {/* Cercle end */}\n            <View style={{ width: 13, height: 13, borderRadius: 9999, backgroundColor: cal.day.selected.background, zIndex: 1 }} />\n          </View>\n          <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendRange}</Text>\n        </View>\n      ) : (\n        <View style={calendarStyles.legendItem}>\n          <View style={[calendarStyles.legendSelectionDot, { backgroundColor: cal.day.selected.background }]} />\n          <Text style={[calendarStyles.legendText, { color: cal.day.default.secondary, fontFamily }]}>{i18n.legendSelection}</Text>\n        </View>\n      )}\n    </View>\n  );\n}"]}

package/build/components/Calendar/CalendarYearPicker.d.ts

@@ -0,0 +1,19 @@
+import type { CalendarI18n } from './Calendar.i18n';
+export interface CalendarYearPickerProps {
+    /** Whether the sheet is visible */
+    visible: boolean;
+    /** Currently displayed year (highlighted in list) */
+    currentYear: number;
+    /** First year in the list — defaults to 1900 */
+    minYear?: number;
+    /** Last year in the list — defaults to 2100 */
+    maxYear?: number;
+    /** i18n labels */
+    i18n: CalendarI18n;
+    /** Called when a year is selected */
+    onSelect: (year: number) => void;
+    /** Called when sheet is dismissed */
+    onClose: () => void;
+}
+export declare function CalendarYearPicker({ visible, currentYear, minYear, maxYear, i18n, onSelect, onClose, }: CalendarYearPickerProps): null;
+//# sourceMappingURL=CalendarYearPicker.d.ts.map

package/build/components/Calendar/CalendarYearPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYearPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarYearPicker.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQpD,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kBAAkB;IAClB,IAAI,EAAE,YAAY,CAAC;IACnB,qCAAqC;IACrC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA2ID,wBAAgB,kBAAkB,CAAC,EACjC,OAAO,EACP,WAAW,EACX,OAA0B,EAC1B,OAA0B,EAC1B,IAAI,EACJ,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,QAgCzB"}

package/build/components/Calendar/CalendarYearPicker.js

@@ -0,0 +1,158 @@
+/** Bottom sheet year picker — slides up from bottom, lists selectable years */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { useBottomSheet } from '../../context/BottomSheetContext';
+import { Button } from '../Button';
+import { Tag } from '../Tag';
+import { TYPO, CALENDAR_TOKENS } from './Calendar.styles';
+import { XIcon } from 'phosphor-react-native';
+const ITEM_HEIGHT = 52;
+const BATCH_SIZE = 15;
+const DEFAULT_MIN_YEAR = 1900;
+const DEFAULT_MAX_YEAR = 2100;
+function YearPickerContent({ currentYear, minYear, maxYear, i18n, onSelect, onClose }) {
+    const { colors, fontFamily } = useTheme();
+    const { closeSheet } = useBottomSheet();
+    const cal = colors.calendar;
+    const listRef = useRef(null);
+    const isPrepending = useRef(false);
+    const initStart = Math.max(minYear, currentYear - 5);
+    const initEnd = Math.min(maxYear, currentYear + BATCH_SIZE);
+    const [years, setYears] = useState(() => Array.from({ length: initEnd - initStart + 1 }, (_, i) => initStart + i));
+    // Scroll to currentYear on mount
+    useEffect(() => {
+        const start = Math.max(minYear, currentYear - 5);
+        setTimeout(() => {
+            const idx = Math.max(0, currentYear - start - 2);
+            listRef.current?.scrollToIndex({ index: idx, animated: false });
+        }, 0);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const handleClose = useCallback(() => {
+        closeSheet();
+        onClose();
+    }, [closeSheet, onClose]);
+    const handleEndReached = useCallback(() => {
+        setYears(prev => {
+            const last = prev[prev.length - 1];
+            if (last >= maxYear)
+                return prev;
+            const next = Array.from({ length: Math.min(BATCH_SIZE, maxYear - last) }, (_, i) => last + 1 + i);
+            return [...prev, ...next];
+        });
+    }, [maxYear]);
+    const handleScroll = useCallback((e) => {
+        if (isPrepending.current)
+            return;
+        if (e.nativeEvent.contentOffset.y > ITEM_HEIGHT * 2)
+            return;
+        setYears(prev => {
+            const first = prev[0];
+            if (first <= minYear)
+                return prev;
+            isPrepending.current = true;
+            const batch = Array.from({ length: Math.min(BATCH_SIZE, first - minYear) }, (_, i) => first - Math.min(BATCH_SIZE, first - minYear) + i);
+            setTimeout(() => {
+                listRef.current?.scrollToOffset({
+                    offset: batch.length * ITEM_HEIGHT,
+                    animated: false,
+                });
+                isPrepending.current = false;
+            }, 0);
+            return [...batch, ...prev];
+        });
+    }, [minYear]);
+    return (<>
+      {/* Header */}
+      <View style={styles.sheetHeader}>
+        <Text style={[styles.sheetTitle, { color: colors.text.primary, fontFamily }]}>{i18n.yearPickerTitle}</Text>
+        <View style={styles.sheetCloseBtn}>
+          <Button variant="ghost" size="M" content="icon-only" iconLeft={<XIcon size={18} weight="bold"/>} onPress={handleClose}/>
+        </View>
+      </View>
+
+      {/* Year list */}
+      <FlatList ref={listRef} data={years} keyExtractor={y => String(y)} getItemLayout={(_, index) => ({ length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index })} showsVerticalScrollIndicator={false} contentContainerStyle={styles.listContent} onEndReached={handleEndReached} onEndReachedThreshold={0.3} onScroll={handleScroll} scrollEventThrottle={16} renderItem={({ item: year }) => {
+            const isSelected = year === currentYear;
+            const isToday = year === new Date().getFullYear();
+            return (<Pressable style={[
+                    styles.yearItem,
+                    isSelected && { backgroundColor: cal.range.background, borderRadius: CALENDAR_TOKENS.yearItemBorderRadius },
+                ]} onPress={() => onSelect(year)} accessibilityRole="button" accessibilityLabel={String(year)} accessibilityState={{ selected: isSelected }}>
+              <Text style={[styles.yearText, { ...TYPO.textSemiBoldLarge, color: colors.text.primary, fontFamily }]}>
+                {year}
+              </Text>
+              {isToday && (<View style={styles.yearTagRight}>
+                  <Tag label={i18n.yearPickerTodayTag} size="sm" color={colors.tag.sable.background} textColor={colors.tag.sable.text}/>
+                </View>)}
+            </Pressable>);
+        }}/>
+    </>);
+}
+// ---------------------------------------------------------------------------
+// Public component — orchestrates open/close via global BottomSheet context
+// ---------------------------------------------------------------------------
+export function CalendarYearPicker({ visible, currentYear, minYear = DEFAULT_MIN_YEAR, maxYear = DEFAULT_MAX_YEAR, i18n, onSelect, onClose, }) {
+    const { openSheet, closeSheet } = useBottomSheet();
+    const isOpenRef = useRef(false);
+    useEffect(() => {
+        if (visible && !isOpenRef.current) {
+            isOpenRef.current = true;
+            openSheet(<YearPickerContent currentYear={currentYear} minYear={minYear} maxYear={maxYear} i18n={i18n} onSelect={onSelect} onClose={onClose}/>, {
+                size: 0.6,
+                expandable: false,
+                closeable: false,
+                closeOnBackdropPress: true,
+                onClose,
+            });
+        }
+        else if (!visible && isOpenRef.current) {
+            isOpenRef.current = false;
+            closeSheet();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visible]);
+    return null;
+}
+const styles = StyleSheet.create({
+    sheetHeader: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingTop: 8,
+        paddingBottom: 14,
+        paddingHorizontal: 10,
+    },
+    sheetCloseBtn: {
+        position: 'absolute',
+        right: 10,
+    },
+    sheetTitle: {
+        flex: 1,
+        fontWeight: '700',
+        fontSize: 16,
+        lineHeight: 22,
+        textAlign: 'center',
+    },
+    yearItem: {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: 12,
+        paddingVertical: 12,
+        paddingHorizontal: 12,
+        borderRadius: 8,
+    },
+    listContent: {
+        paddingHorizontal: 10,
+        paddingBottom: 34,
+    },
+    yearText: {
+        flex: 1,
+    },
+    yearTagRight: {
+        marginLeft: 'auto',
+    },
+});
+//# sourceMappingURL=CalendarYearPicker.js.map

package/build/components/Calendar/CalendarYearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarYearPicker.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarYearPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Bottom sheet year picker — slides up from bottom, lists selectable years */\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FlatList as FlatListType, NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { FlatList, Pressable, StyleSheet, Text, View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { useBottomSheet } from '../../context/BottomSheetContext';\nimport { Button } from '../Button';\nimport { Tag } from '../Tag';\nimport { TYPO, CALENDAR_TOKENS } from './Calendar.styles';\nimport type { CalendarI18n } from './Calendar.i18n';\nimport { XIcon } from 'phosphor-react-native';\n\nconst ITEM_HEIGHT      = 52;\nconst BATCH_SIZE       = 15;\nconst DEFAULT_MIN_YEAR = 1900;\nconst DEFAULT_MAX_YEAR = 2100;\n\nexport interface CalendarYearPickerProps {\n  /** Whether the sheet is visible */\n  visible: boolean;\n  /** Currently displayed year (highlighted in list) */\n  currentYear: number;\n  /** First year in the list — defaults to 1900 */\n  minYear?: number;\n  /** Last year in the list — defaults to 2100 */\n  maxYear?: number;\n  /** i18n labels */\n  i18n: CalendarI18n;\n  /** Called when a year is selected */\n  onSelect: (year: number) => void;\n  /** Called when sheet is dismissed */\n  onClose: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Inner content — owns its state, rendered inside the global BottomSheet\n// ---------------------------------------------------------------------------\n\ninterface ContentProps {\n  currentYear: number;\n  minYear: number;\n  maxYear: number;\n  i18n: CalendarI18n;\n  onSelect: (year: number) => void;\n  onClose: () => void;\n}\n\nfunction YearPickerContent({ currentYear, minYear, maxYear, i18n, onSelect, onClose }: ContentProps) {\n  const { colors, fontFamily } = useTheme();\n  const { closeSheet } = useBottomSheet();\n  const cal = colors.calendar;\n  const listRef = useRef<FlatListType<number>>(null);\n  const isPrepending = useRef(false);\n\n  const initStart = Math.max(minYear, currentYear - 5);\n  const initEnd   = Math.min(maxYear, currentYear + BATCH_SIZE);\n  const [years, setYears] = useState<number[]>(() =>\n    Array.from({ length: initEnd - initStart + 1 }, (_, i) => initStart + i),\n  );\n\n  // Scroll to currentYear on mount\n  useEffect(() => {\n    const start = Math.max(minYear, currentYear - 5);\n    setTimeout(() => {\n      const idx = Math.max(0, currentYear - start - 2);\n      listRef.current?.scrollToIndex({ index: idx, animated: false });\n    }, 0);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleClose = useCallback(() => {\n    closeSheet();\n    onClose();\n  }, [closeSheet, onClose]);\n\n  const handleEndReached = useCallback(() => {\n    setYears(prev => {\n      const last = prev[prev.length - 1];\n      if (last >= maxYear) return prev;\n      const next = Array.from(\n        { length: Math.min(BATCH_SIZE, maxYear - last) },\n        (_, i) => last + 1 + i,\n      );\n      return [...prev, ...next];\n    });\n  }, [maxYear]);\n\n  const handleScroll = useCallback((e: NativeSyntheticEvent<NativeScrollEvent>) => {\n    if (isPrepending.current) return;\n    if (e.nativeEvent.contentOffset.y > ITEM_HEIGHT * 2) return;\n    setYears(prev => {\n      const first = prev[0];\n      if (first <= minYear) return prev;\n      isPrepending.current = true;\n      const batch = Array.from(\n        { length: Math.min(BATCH_SIZE, first - minYear) },\n        (_, i) => first - Math.min(BATCH_SIZE, first - minYear) + i,\n      );\n      setTimeout(() => {\n        listRef.current?.scrollToOffset({\n          offset: batch.length * ITEM_HEIGHT,\n          animated: false,\n        });\n        isPrepending.current = false;\n      }, 0);\n      return [...batch, ...prev];\n    });\n  }, [minYear]);\n\n  return (\n    <>\n      {/* Header */}\n      <View style={styles.sheetHeader}>\n        <Text style={[styles.sheetTitle, { color: colors.text.primary, fontFamily }]}>{i18n.yearPickerTitle}</Text>\n        <View style={styles.sheetCloseBtn}>\n          <Button\n            variant=\"ghost\"\n            size=\"M\"\n            content=\"icon-only\"\n            iconLeft={<XIcon size={18} weight=\"bold\" />}\n            onPress={handleClose}\n          />\n        </View>\n      </View>\n\n      {/* Year list */}\n      <FlatList\n        ref={listRef}\n        data={years}\n        keyExtractor={y => String(y)}\n        getItemLayout={(_, index) => ({ length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index })}\n        showsVerticalScrollIndicator={false}\n        contentContainerStyle={styles.listContent}\n        onEndReached={handleEndReached}\n        onEndReachedThreshold={0.3}\n        onScroll={handleScroll}\n        scrollEventThrottle={16}\n        renderItem={({ item: year }) => {\n          const isSelected = year === currentYear;\n          const isToday = year === new Date().getFullYear();\n          return (\n            <Pressable\n              style={[\n                styles.yearItem,\n                isSelected && { backgroundColor: cal.range.background, borderRadius: CALENDAR_TOKENS.yearItemBorderRadius },\n              ]}\n              onPress={() => onSelect(year)}\n              accessibilityRole=\"button\"\n              accessibilityLabel={String(year)}\n              accessibilityState={{ selected: isSelected }}\n            >\n              <Text style={[styles.yearText, { ...TYPO.textSemiBoldLarge, color: colors.text.primary, fontFamily }]}>\n                {year}\n              </Text>\n              {isToday && (\n                <View style={styles.yearTagRight}>\n                  <Tag label={i18n.yearPickerTodayTag} size=\"sm\" color={colors.tag.sable.background} textColor={colors.tag.sable.text} />\n                </View>\n              )}\n            </Pressable>\n          );\n        }}\n      />\n    </>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Public component — orchestrates open/close via global BottomSheet context\n// ---------------------------------------------------------------------------\n\nexport function CalendarYearPicker({\n  visible,\n  currentYear,\n  minYear = DEFAULT_MIN_YEAR,\n  maxYear = DEFAULT_MAX_YEAR,\n  i18n,\n  onSelect,\n  onClose,\n}: CalendarYearPickerProps) {\n  const { openSheet, closeSheet } = useBottomSheet();\n  const isOpenRef = useRef(false);\n\n  useEffect(() => {\n    if (visible && !isOpenRef.current) {\n      isOpenRef.current = true;\n      openSheet(\n        <YearPickerContent\n          currentYear={currentYear}\n          minYear={minYear}\n          maxYear={maxYear}\n          i18n={i18n}\n          onSelect={onSelect}\n          onClose={onClose}\n        />,\n        {\n          size: 0.6,\n          expandable: false,\n          closeable: false,\n          closeOnBackdropPress: true,\n          onClose,\n        },\n      );\n    } else if (!visible && isOpenRef.current) {\n      isOpenRef.current = false;\n      closeSheet();\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return null;\n}\n\nconst styles = StyleSheet.create({\n  sheetHeader: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    paddingTop: 8,\n    paddingBottom: 14,\n    paddingHorizontal: 10,\n  },\n  sheetCloseBtn: {\n    position: 'absolute',\n    right: 10,\n  },\n  sheetTitle: {\n    flex: 1,\n    fontWeight: '700',\n    fontSize: 16,\n    lineHeight: 22,\n    textAlign: 'center',\n  },\n  yearItem: {\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    gap: 12,\n    paddingVertical: 12,\n    paddingHorizontal: 12,\n    borderRadius: 8,\n  },\n  listContent: {\n    paddingHorizontal: 10,\n    paddingBottom: 34,\n  },\n  yearText: {\n    flex: 1,\n  },\n  yearTagRight: {\n    marginLeft: 'auto',\n  },\n});"]}

package/build/components/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export { Calendar, default } from './Calendar';
+export type { CalendarProps, CalendarDayProps, DayState } from './Calendar.types';
+export { CALENDAR_FR, CALENDAR_EN } from './Calendar.i18n';
+export type { CalendarI18n } from './Calendar.i18n';
+//# sourceMappingURL=index.d.ts.map

package/build/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/build/components/Calendar/index.js

@@ -0,0 +1,3 @@
+export { Calendar, default } from './Calendar';
+export { CALENDAR_FR, CALENDAR_EN } from './Calendar.i18n';
+//# sourceMappingURL=index.js.map

package/build/components/Calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { Calendar, default } from './Calendar';\nexport type { CalendarProps, CalendarDayProps, DayState } from './Calendar.types';\nexport { CALENDAR_FR, CALENDAR_EN } from './Calendar.i18n';\nexport type { CalendarI18n } from './Calendar.i18n';"]}

package/build/components/Card/Card.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Card — base container card.
+ * Wraps any content in a themed surface with border, shadow and optional press/disabled states.
+ * Other card variants (CardEquip, CardProfile, …) compose this component.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface CardProps {
+    /** Card content */
+    children?: React.ReactNode;
+    /** Press handler — makes the whole card tappable */
+    onPress?: () => void;
+    /** Disabled state — blocks interaction and dims the card */
+    disabled?: boolean;
+    /** Card width — number (px), string ('100%', '50%') or undefined (auto) */
+    width?: number | string;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+    /** Accessibility label for screen readers — only relevant when onPress is provided */
+    accessibilityLabel?: string;
+}
+export declare function Card({ children, onPress, disabled, width, style, testID, accessibilityLabel }: CardProps): React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/build/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAgB,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,SAAS,qBAsChH"}

package/build/components/Card/Card.js

@@ -0,0 +1,31 @@
+/**
+ * Card — base container card.
+ * Wraps any content in a themed surface with border, shadow and optional press/disabled states.
+ * Other card variants (CardEquip, CardProfile, …) compose this component.
+ */
+import React, { useState } from 'react';
+import { Pressable, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './Card.styles';
+export function Card({ children, onPress, disabled = false, width, style, testID, accessibilityLabel }) {
+    const [pressed, setPressed] = useState(false);
+    const { colors } = useTheme();
+    const isTappable = !!onPress;
+    const isPressed = isTappable && pressed && !disabled;
+    const dynamicStyle = {
+        backgroundColor: isPressed ? colors.background.secondary : colors.background.primary,
+        borderColor: colors.border.window,
+        shadowColor: colors.shadow.minimal,
+        opacity: disabled ? 0.5 : 1,
+        ...(width !== undefined && { width: width }),
+    };
+    if (isTappable) {
+        return (<Pressable testID={testID} pointerEvents={disabled ? 'none' : 'auto'} onPressIn={() => setPressed(true)} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[styles.base, dynamicStyle, style]} accessibilityRole="button" accessibilityLabel={accessibilityLabel} accessibilityState={{ disabled }}>
+        {children}
+      </Pressable>);
+    }
+    return (<View testID={testID} style={[styles.base, dynamicStyle, style]}>
+      {children}
+    </View>);
+}
+//# sourceMappingURL=Card.js.map

package/build/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAmBvC,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAa;IAC/G,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,CAAC;IAC7B,MAAM,SAAS,GAAG,UAAU,IAAI,OAAO,IAAI,CAAC,QAAQ,CAAC;IAErD,MAAM,YAAY,GAAc;QAC9B,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;QACpF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;QACjC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QAClC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC3B,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAA2B,EAAE,CAAC;KACnE,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,CAAC,SAAS,CACR,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1C,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAClC,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAC1C,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAEjC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CAAC,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,CAC9D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Card — base container card.\n * Wraps any content in a themed surface with border, shadow and optional press/disabled states.\n * Other card variants (CardEquip, CardProfile, …) compose this component.\n */\nimport React, { useState } from 'react';\nimport { Pressable, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './Card.styles';\n\nexport interface CardProps {\n  /** Card content */\n  children?: React.ReactNode;\n  /** Press handler — makes the whole card tappable */\n  onPress?: () => void;\n  /** Disabled state — blocks interaction and dims the card */\n  disabled?: boolean;\n  /** Card width — number (px), string ('100%', '50%') or undefined (auto) */\n  width?: number | string;\n  /** Additional container styles */\n  style?: StyleProp<ViewStyle>;\n  /** Test ID for automated testing */\n  testID?: string;\n  /** Accessibility label for screen readers — only relevant when onPress is provided */\n  accessibilityLabel?: string;\n}\n\nexport function Card({ children, onPress, disabled = false, width, style, testID, accessibilityLabel }: CardProps) {\n  const [pressed, setPressed] = useState(false);\n  const { colors } = useTheme();\n\n  const isTappable = !!onPress;\n  const isPressed = isTappable && pressed && !disabled;\n\n  const dynamicStyle: ViewStyle = {\n    backgroundColor: isPressed ? colors.background.secondary : colors.background.primary,\n    borderColor: colors.border.window,\n    shadowColor: colors.shadow.minimal,\n    opacity: disabled ? 0.5 : 1,\n    ...(width !== undefined && { width: width as ViewStyle['width'] }),\n  };\n\n  if (isTappable) {\n    return (\n      <Pressable\n        testID={testID}\n        pointerEvents={disabled ? 'none' : 'auto'}\n        onPressIn={() => setPressed(true)}\n        onPressOut={() => setPressed(false)}\n        onPress={disabled ? undefined : onPress}\n        style={[styles.base, dynamicStyle, style]}\n        accessibilityRole=\"button\"\n        accessibilityLabel={accessibilityLabel}\n        accessibilityState={{ disabled }}\n      >\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <View testID={testID} style={[styles.base, dynamicStyle, style]}>\n      {children}\n    </View>\n  );\n}"]}

package/build/components/Card/Card.styles.d.ts

@@ -0,0 +1,15 @@
+export declare const styles: {
+    base: {
+        borderWidth: number;
+        borderRadius: number;
+        padding: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+//# sourceMappingURL=Card.styles.d.ts.map

package/build/components/Card/Card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAYjB,CAAC"}

package/build/components/Card/Card.styles.js

@@ -0,0 +1,18 @@
+/**
+ * Static styles for the Card component.
+ */
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    base: {
+        borderWidth: 1,
+        borderRadius: 8,
+        padding: 14,
+        // iOS shadow — Below/Minimal: 0 4px 5px 0 #0F0F0F·5%
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 1,
+        shadowRadius: 5,
+        // Android shadow
+        elevation: 1,
+    },
+});
+//# sourceMappingURL=Card.styles.js.map

package/build/components/Card/Card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,EAAE;QACX,qDAAqD;QACrD,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,iBAAiB;QACjB,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC","sourcesContent":["/**\n * Static styles for the Card component.\n */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  base: {\n    borderWidth: 1,\n    borderRadius: 8,\n    padding: 14,\n    // iOS shadow — Below/Minimal: 0 4px 5px 0 #0F0F0F·5%\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 1,\n    shadowRadius: 5,\n    // Android shadow\n    elevation: 1,\n  },\n});"]}

package/build/components/Card/index.d.ts

@@ -0,0 +1,3 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';
+//# sourceMappingURL=index.d.ts.map

package/build/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/build/components/Card/index.js

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+//# sourceMappingURL=index.js.map

package/build/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Card } from './Card';\nexport type { CardProps } from './Card';\n"]}

package/build/components/CardEquip/CardEquip.d.ts

@@ -0,0 +1,60 @@
+/**
+ * CardEquip — equipment resource card.
+ * Extends the base Card with an image slot, name, info line, scrollable tag row and optional badges.
+ * Supports selected and selectable states as defined in the Figma "Card equip" spec.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface CardEquipTag {
+    /** Tag label */
+    label: string;
+    /** Custom background color override */
+    color?: string;
+    /** Custom text and icon color override */
+    textColor?: string;
+    /** Optional left icon node */
+    iconLeft?: React.ReactNode;
+}
+export interface CardEquipProps {
+    /** Equipment name */
+    name: string;
+    /** Image URL displayed on the left */
+    image?: string;
+    /** Show a Package icon placeholder when no image URL is provided */
+    showImagePlaceholder?: boolean;
+    /** Tags displayed as pills in the bottom row — supports label-only strings or full CardEquipTag objects */
+    tags?: (string | CardEquipTag)[];
+    /** Equipment model */
+    model?: string;
+    /** Equipment brand */
+    brand?: string;
+    /** Postal address — shown when brand and model are both absent */
+    address?: string;
+    /** Associated beacon/gateway/tracker — MAC address(es) shown as a green badge top-right */
+    association?: string | string[];
+    /** Badge displayed to the right of the tags row (e.g. annex document count) */
+    badge?: {
+        /** Badge label */
+        label: string;
+        /** Icon element displayed alongside the label */
+        icon: React.ReactNode;
+    };
+    /** Selected state — thicker dark border */
+    selected?: boolean;
+    /** Selectable mode — shows a checkbox overlay */
+    selectable?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Card width — number (px), string ('100%') or undefined (auto) */
+    width?: number | string;
+    /** Additional container styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+    /** Accessibility label for screen readers — only relevant when onPress is provided */
+    accessibilityLabel?: string;
+}
+export declare function CardEquip({ name, image, showImagePlaceholder, tags, model, brand, address, association, badge, selected, selectable, onPress, disabled, width, style, testID, accessibilityLabel, }: CardEquipProps): React.JSX.Element;
+//# sourceMappingURL=CardEquip.d.ts.map

package/build/components/CardEquip/CardEquip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardEquip.d.ts","sourceRoot":"","sources":["../../../src/components/CardEquip/CardEquip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAczD,MAAM,WAAW,YAAY;IAC3B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,2GAA2G;IAC3G,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACjC,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,+EAA+E;IAC/E,KAAK,CAAC,EAAE;QACN,kBAAkB;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,iDAAiD;QACjD,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;KACvB,CAAC;IACF,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sFAAsF;IACtF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAuBD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,oBAAoB,EACpB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,UAAkB,EAClB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,KAAK,EACL,MAAM,EACN,kBAAkB,GACnB,EAAE,cAAc,qBA8IhB"}