@ledgerhq/lumen-ui-rnative 0.1.36 → 0.1.38

package/src/lib/Components/PageIndicator/PageIndicator.test.tsx

@@ -15,6 +15,12 @@ const renderWithProvider = (component: React.ReactElement) => {
   );
 };
 
+const wrapWithProvider = (component: React.ReactElement) => (
+  <ThemeProvider themes={ledgerLiveThemes} colorScheme='dark' locale='en'>
+    {component}
+  </ThemeProvider>
+);
+
 describe('PageIndicator Component', () => {
   describe('Rendering', () => {
     it('should render with required props', () => {
@@ -161,6 +167,78 @@ describe('PageIndicator Component', () => {
     });
   });
 
+  describe('Re-rendering', () => {
+    // Regression: dot/strip styles must update when currentPage changes.
+    // One bug has produced the same broken-on-update symptom:
+    //   1. Wrapping in Animated.createAnimatedComponent(Box) — Box flattens
+    //      style arrays via StyleSheet.flatten, which snapshots reanimated
+    //      animated styles and stops updates.
+    // Initial render looked correct in both cases — only re-render exposed
+    // the issue, which is what the tests below exercise.
+    it('updates the rendered tree when currentPage changes', () => {
+      const { rerender } = renderWithProvider(
+        <PageIndicator
+          testID='page-indicator'
+          currentPage={1}
+          totalPages={5}
+        />,
+      );
+      const treeBefore = JSON.stringify(screen.toJSON());
+
+      rerender(
+        wrapWithProvider(
+          <PageIndicator
+            testID='page-indicator'
+            currentPage={3}
+            totalPages={5}
+          />,
+        ),
+      );
+      const treeAfter = JSON.stringify(screen.toJSON());
+
+      expect(treeAfter).not.toEqual(treeBefore);
+    });
+
+    it('updates the active dot style when currentPage changes', () => {
+      type Node = {
+        type: string;
+        props: { style?: unknown };
+        children: Node[] | null;
+      };
+      const getDotStyles = (): unknown[] => {
+        const root = screen.toJSON() as Node | null;
+        if (!root?.children) throw new Error('Expected container children');
+        const viewport = root.children[0];
+        if (!viewport?.children) throw new Error('Expected viewport children');
+        const strip = viewport.children[0];
+        if (!strip?.children) throw new Error('Expected strip children');
+        return strip.children.map((dot) => dot.props.style);
+      };
+
+      const { rerender } = renderWithProvider(
+        <PageIndicator
+          testID='page-indicator'
+          currentPage={1}
+          totalPages={5}
+        />,
+      );
+      const stylesBefore = JSON.stringify(getDotStyles());
+
+      rerender(
+        wrapWithProvider(
+          <PageIndicator
+            testID='page-indicator'
+            currentPage={3}
+            totalPages={5}
+          />,
+        ),
+      );
+      const stylesAfter = JSON.stringify(getDotStyles());
+
+      expect(stylesAfter).not.toEqual(stylesBefore);
+    });
+  });
+
   describe('Props', () => {
     it('should accept ref prop', () => {
       const ref = createRef<ComponentRef<typeof PageIndicator>>();

package/src/lib/Components/PageIndicator/PageIndicator.tsx

@@ -12,7 +12,6 @@ import { useTimingConfig } from '../../Animations/useTimingConfig';
 import { Box } from '../Utility';
 import type { PageIndicatorProps } from './types';
 
-const AnimatedBox = Animated.createAnimatedComponent(Box);
 const MAX_VISIBLE_DOTS = 4;
 
 const useDotAnimation = ({
@@ -33,14 +32,20 @@ const useDotAnimation = ({
 
   useEffect(() => {
     colorProgress.value = withTiming(isActive ? 1 : 0, timingConfig);
-    return () => cancelAnimation(colorProgress);
   }, [isActive, colorProgress, timingConfig]);
 
+  useEffect(() => {
+    return () => cancelAnimation(colorProgress);
+  }, [colorProgress]);
+
   useEffect(() => {
     shrinkProgress.value = withTiming(isShrunk ? 1 : 0, timingConfig);
-    return () => cancelAnimation(shrinkProgress);
   }, [isShrunk, shrinkProgress, timingConfig]);
 
+  useEffect(() => {
+    return () => cancelAnimation(shrinkProgress);
+  }, [shrinkProgress]);
+
   const animatedStyle = useAnimatedStyle(() => {
     const backgroundColor = interpolateColor(
       colorProgress.value,
@@ -102,8 +107,11 @@ const useStripAnimation = ({
 
   useEffect(() => {
     translateX.value = withTiming(-offset * dotWidth, timingConfig);
+  }, [offset, dotWidth, translateX, timingConfig]);
+
+  useEffect(() => {
     return () => cancelAnimation(translateX);
-  }, [currentPage, totalPages, offset, dotWidth, translateX, timingConfig]);
+  }, [translateX]);
 
   const stripAnimatedStyle = useAnimatedStyle(
     () => ({
@@ -157,7 +165,7 @@ const PageIndicatorDot = ({
   const styles = useDotStyles();
   const { animatedStyle } = useDotAnimation({ isActive, isShrunk });
 
-  return <AnimatedBox style={[styles.dot, animatedStyle]} />;
+  return <Animated.View style={[styles.dot, animatedStyle]} />;
 };
 
 /**
@@ -202,7 +210,7 @@ export const PageIndicator = ({
       {...props}
     >
       <Box style={[styles.viewport, { width: viewportWidth }]}>
-        <AnimatedBox style={[styles.strip, stripAnimatedStyle]}>
+        <Animated.View style={[styles.strip, stripAnimatedStyle]}>
           {dotIndexes.map((index) => (
             <PageIndicatorDot
               key={index}
@@ -210,7 +218,7 @@ export const PageIndicator = ({
               isShrunk={isShrunk(index)}
             />
           ))}
-        </AnimatedBox>
+        </Animated.View>
       </Box>
     </Box>
   );

package/src/lib/Components/SearchInput/SearchInput.mdx

@@ -7,7 +7,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Input/SearchInput' of={SearchInputStories} />
 
-# 🔍 SearchInput
+# SearchInput
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/SegmentedControl/SegmentedControl.mdx

@@ -7,7 +7,7 @@ import { Box } from '../Utility';
 
 <Meta title='Navigation/SegmentedControl' of={SegmentedControlStories} />
 
-# 📑 SegmentedControl
+# SegmentedControl
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Spinner/Spinner.mdx

@@ -8,7 +8,7 @@ import { Text } from '../Utility/Text';
 
 <Meta title='Communication/Spinner/Docs' of={SpinnerStories} />
 
-# 🌀 Spinner
+# Spinner
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Spot/Spot.mdx

@@ -8,7 +8,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Components/Spot' of={SpotStories} />
 
-# 🔵 Spot
+# Spot
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Stepper/Stepper.mdx

@@ -8,7 +8,7 @@ import { Text } from '../Utility/Text';
 
 <Meta title='Communication/Stepper/Docs' of={StepperStories} />
 
-# 🔄 Stepper
+# Stepper
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Subheader/Subheader.mdx

@@ -21,7 +21,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Components/Subheader' of={SubheaderStories} />
 
-# 🃏 Subheader
+# Subheader
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Switch/Switch.mdx

@@ -8,7 +8,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title="Components/Switch" of={SwitchStories} />
 
-# ☑️ Switch
+# Switch
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/TabBar/TabBar.mdx

@@ -8,7 +8,7 @@ import { Box } from '../Utility';
 
 <Meta title='Navigation/TabBar' of={TabBarStories} />
 
-# 🔘 TabBar
+# TabBar
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/TextInput/TextInput.mdx

@@ -7,7 +7,7 @@ import CommonRulesDoAndDont from '../../../../.storybook/components/DoVsDont/Com
 
 <Meta title='Input/TextInput' of={TextInputStories} />
 
-# ⌨️ TextInput
+# TextInput
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/ThemeProvider/ThemeProvider.tsx

@@ -3,7 +3,6 @@ import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
 import { I18nProvider } from '../../../i18n';
 import { LumenStyleSheetProvider } from '../../../styles';
 
-import { GlobalSelectProvider } from '../Select/GlobalSelectContext';
 import { GlobalTooltipProvider } from '../Tooltip/GlobalTooltipContext';
 import type { ThemeProviderProps } from './types';
 
@@ -19,9 +18,7 @@ const ThemeProvider = ({
     <ThemeContextProvider value={{}}>
       <LumenStyleSheetProvider colorScheme={colorScheme} themes={themes}>
         <I18nProvider locale={locale}>
-          <GlobalSelectProvider>
-            <GlobalTooltipProvider>{children}</GlobalTooltipProvider>
-          </GlobalSelectProvider>
+          <GlobalTooltipProvider>{children}</GlobalTooltipProvider>
         </I18nProvider>
       </LumenStyleSheetProvider>
     </ThemeContextProvider>

package/src/lib/Components/Tile/Tile.mdx

@@ -13,7 +13,7 @@ import { Box } from '../Utility';
 
 <Meta title='Containment/Tile' of={TileStories} />
 
-# 📋 Tile
+# Tile
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/Tooltip/Tooltip.mdx

@@ -7,7 +7,7 @@ import { Box } from '../Utility/Box';
 
 <Meta title='Communication/Tooltip' of={TooltipStories} />
 
-# 💬 Tooltip
+# Tooltip
 
 <CustomTabs>
   <Tab label="Overview">

package/src/lib/Components/index.ts

@@ -30,7 +30,6 @@ export * from './OptionList';
 export * from './PageIndicator';
 export * from './SearchInput';
 export * from './SegmentedControl';
-export * from './Select';
 export * from './Skeleton';
 export * from './Spinner';
 export * from './Spot';

package/src/lib/Symbols/Icons/Lightbulb.tsx

@@ -33,13 +33,13 @@ import createIcon from '../../Components/Icon/createIcon';
  */
 export const Lightbulb = createIcon(
   'Lightbulb',
-  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 24 24'>
+  <Svg width={24} height={24} fill='currentColor' viewBox='0 0 16 16'>
     <Path
       stroke='currentColor'
       strokeLinecap='round'
       strokeLinejoin='round'
-      strokeWidth={1.5}
-      d='M15 15.19H9M20 5l1.19-1.19M4 15l-1.19 1.19M5 4 3.81 2.81M20 15l1.19 1.19M21 10h1.69M1.31 10H3m6 8h5.87m-6.33-3.104c-1.78-1.26-2.85-3.45-2.47-5.86.4-2.607 2.57-4.688 5.2-4.995a5.996 5.996 0 0 1 6.725 5.95c0 2.02-1.01 3.81-2.55 4.898-.28.19-.46.49-.46.83v2.76a2.5 2.5 0 0 1-2.5 2.5h-1c-1.39 0-2.5-1.12-2.5-2.5v-2.763c0-.35-.19-.65-.46-.85z'
+      strokeWidth={1.3}
+      d='M10 10.127H6m7.333-6.794.794-.793M2.667 10l-.794.793m1.46-8.126-.793-.794M13.333 10l.794.793M14 6.667h1.127m-14.254 0H2M6 12h3.913m-4.22-2.07a3.99 3.99 0 0 1-1.646-3.906c.266-1.738 1.713-3.125 3.466-3.33a3.997 3.997 0 0 1 4.484 3.967c0 1.346-.674 2.54-1.7 3.265a.67.67 0 0 0-.307.553v1.84c0 .92-.747 1.667-1.667 1.667h-.666a1.663 1.663 0 0 1-1.667-1.667v-1.842a.71.71 0 0 0-.307-.566z'
     />
   </Svg>,
 );

package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js

@@ -1,155 +0,0 @@
-"use strict";
-
-import { useCallback, useEffect } from 'react';
-import { Pressable } from 'react-native';
-import { useStyleSheet } from "../../../styles/index.js";
-import { Check } from "../../Symbols/index.js";
-import { BottomSheet, BottomSheetHeader, BottomSheetView, useBottomSheetRef } from "../BottomSheet/index.js";
-import { Divider } from "../Divider/index.js";
-import { Box, Text } from "../Utility/index.js";
-import { useGlobalSelectSafeContext } from "./GlobalSelectContext.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const useStyles = () => {
-  return useStyleSheet(t => ({
-    bottomSheetView: {
-      paddingHorizontal: t.spacings.s8
-    },
-    groupLabel: {
-      marginBottom: t.spacings.s4,
-      paddingHorizontal: t.spacings.s8,
-      paddingTop: t.spacings.s8,
-      color: t.colors.text.muted,
-      ...t.typographies.body3SemiBold
-    },
-    item: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderRadius: t.borderRadius.sm,
-      padding: t.spacings.s8,
-      backgroundColor: t.colors.bg.baseTransparent
-    },
-    itemPressed: {
-      backgroundColor: t.colors.bg.baseTransparentPressed
-    },
-    itemDisabled: {
-      opacity: 0.5
-    },
-    itemLabel: {
-      flex: 1,
-      color: t.colors.text.base,
-      ...t.typographies.body2
-    },
-    itemLabelDisabled: {
-      color: t.colors.text.disabled
-    }
-  }), []);
-};
-
-/**
- * BottomSheet component that displays select options.
- * This should be placed at the root level inside GestureHandlerRootView.
- *
- * @see {@link https://ldls.vercel.app/?path=/docs/components-select-overview--docs Storybook}
- *
- * @example
- * import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
- *
- * function App() {
- *   return (
- *     <GestureHandlerRootView>
- *       <YourAppContent />
- *       <GlobalSelectBottomSheet />
- *     </GestureHandlerRootView>
- *   );
- * }
- */
-export const GlobalSelectBottomSheet = () => {
-  const bottomSheetRef = useBottomSheetRef();
-  const styles = useStyles();
-  /**
-   * This is the only component that subscribes to currentSelect
-   * All other components use refs to avoid re-renders
-   */
-  const {
-    currentSelect,
-    hideSelectRef
-  } = useGlobalSelectSafeContext({
-    consumerName: 'useGlobalSelectBottomSheetContext',
-    contextRequired: true
-  });
-  useEffect(() => {
-    if (currentSelect) {
-      bottomSheetRef.current?.present();
-    } else {
-      bottomSheetRef.current?.dismiss();
-    }
-  }, [currentSelect, bottomSheetRef]);
-  const handleClose = useCallback(() => {
-    currentSelect?.setOpen?.(false);
-    hideSelectRef.current();
-  }, [hideSelectRef, currentSelect]);
-  const handleSelectItem = useCallback(value => {
-    if (currentSelect) {
-      currentSelect.onSelectValue(value);
-      currentSelect.setOpen?.(false);
-      hideSelectRef.current();
-    }
-  }, [currentSelect, hideSelectRef]);
-  return /*#__PURE__*/_jsx(BottomSheet, {
-    ref: bottomSheetRef,
-    snapPoints: null,
-    backdropPressBehavior: "close",
-    onClose: handleClose,
-    maxDynamicContentSize: "fullWithOffset",
-    enableDynamicSizing: true,
-    enablePanDownToClose: true,
-    children: /*#__PURE__*/_jsx(BottomSheetView, {
-      style: styles.bottomSheetView,
-      children: currentSelect && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [currentSelect.label && /*#__PURE__*/_jsx(BottomSheetHeader, {
-          title: currentSelect.label,
-          density: "compact"
-        }), /*#__PURE__*/_jsx(Box, {
-          lx: {
-            gap: 's4'
-          },
-          children: currentSelect.items.map((item, index) => {
-            if (item.type === 'separator') {
-              return /*#__PURE__*/_jsx(Divider, {
-                lx: {
-                  marginVertical: 's4',
-                  marginHorizontal: 's8'
-                }
-              }, `separator-${index}`);
-            }
-            if (item.type === 'group-label') {
-              return /*#__PURE__*/_jsx(Text, {
-                style: styles.groupLabel,
-                children: item.label
-              }, `label-${index}`);
-            }
-            const isSelected = currentSelect.selectedValue === item.value;
-            return /*#__PURE__*/_jsx(Pressable, {
-              disabled: item.disabled,
-              onPress: () => handleSelectItem(item.value),
-              children: ({
-                pressed
-              }) => /*#__PURE__*/_jsxs(Box, {
-                style: [styles.item, pressed && styles.itemPressed, item.disabled && styles.itemDisabled],
-                children: [/*#__PURE__*/_jsx(Text, {
-                  style: [styles.itemLabel, item.disabled && styles.itemLabelDisabled],
-                  numberOfLines: 1,
-                  children: item.label
-                }), isSelected && /*#__PURE__*/_jsx(Check, {
-                  size: 24,
-                  color: "active"
-                })]
-              })
-            }, item.value);
-          })
-        })]
-      })
-    })
-  });
-};
-//# sourceMappingURL=GlobalSelectBottomSheet.js.map

package/dist/module/lib/Components/Select/GlobalSelectBottomSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","useEffect","Pressable","useStyleSheet","Check","BottomSheet","BottomSheetHeader","BottomSheetView","useBottomSheetRef","Divider","Box","Text","useGlobalSelectSafeContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useStyles","t","bottomSheetView","paddingHorizontal","spacings","s8","groupLabel","marginBottom","s4","paddingTop","color","colors","text","muted","typographies","body3SemiBold","item","flexDirection","alignItems","borderRadius","sm","padding","backgroundColor","bg","baseTransparent","itemPressed","baseTransparentPressed","itemDisabled","opacity","itemLabel","flex","base","body2","itemLabelDisabled","disabled","GlobalSelectBottomSheet","bottomSheetRef","styles","currentSelect","hideSelectRef","consumerName","contextRequired","current","present","dismiss","handleClose","setOpen","handleSelectItem","value","onSelectValue","ref","snapPoints","backdropPressBehavior","onClose","maxDynamicContentSize","enableDynamicSizing","enablePanDownToClose","children","style","label","title","density","lx","gap","items","map","index","type","marginVertical","marginHorizontal","isSelected","selectedValue","onPress","pressed","numberOfLines","size"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/GlobalSelectBottomSheet.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/Select/GlobalSelectContext.js

@@ -1,78 +0,0 @@
-"use strict";
-
-import { createSafeContext } from '@ledgerhq/lumen-utils-shared';
-import { useState, useRef, useMemo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-const [GlobalSelectContextProvider, _useGlobalSelectSafeContext] = createSafeContext('GlobalSelectContext');
-export const useGlobalSelectSafeContext = _useGlobalSelectSafeContext;
-
-/**
- * Hook that provides select actions without subscribing to state changes.
- * This prevents unnecessary re-renders when selects open/close.
- *
- * Use this hook in components that only need to show/hide selects
- * but don't need to know which select is currently active.
- */
-export const useSelectActions = () => {
-  const context = useGlobalSelectSafeContext({
-    consumerName: 'useSelectActions',
-    contextRequired: true
-  });
-  return useMemo(() => ({
-    showSelect: context.showSelectRef.current,
-    hideSelect: context.hideSelectRef.current
-  }), [context.showSelectRef, context.hideSelectRef]);
-};
-/**
- * Global provider for the select bottom sheet system.
- * This should wrap your app at the root level and include GlobalSelectBottomSheet.
- *
- * @example
- * import { GlobalSelectProvider, GlobalSelectBottomSheet } from '@ledgerhq/lumen-ui-rnative';
- *
- * function App() {
- *   return (
- *     <GlobalSelectProvider>
- *       <YourAppContent />
- *       <GlobalSelectBottomSheet />
- *     </GlobalSelectProvider>
- *   );
- * }
- */
-export const GlobalSelectProvider = ({
-  children
-}) => {
-  const [currentSelect, setCurrentSelect] = useState(null);
-  const showSelectRef = useRef(() => {
-    return;
-  });
-  const hideSelectRef = useRef(() => {
-    return;
-  });
-
-  /**
-   * Update the ref implementations when needed
-   * These closures capture the current setCurrentSelect
-   */
-  showSelectRef.current = data => {
-    setCurrentSelect(data);
-  };
-  hideSelectRef.current = () => {
-    setCurrentSelect(null);
-  };
-
-  /**
-   * Memoize the context value - only currentSelect changes cause re-renders
-   * The refs themselves never change
-   */
-  const contextValue = useMemo(() => ({
-    currentSelect,
-    showSelectRef,
-    hideSelectRef
-  }), [currentSelect]);
-  return /*#__PURE__*/_jsx(GlobalSelectContextProvider, {
-    value: contextValue,
-    children: children
-  });
-};
-//# sourceMappingURL=GlobalSelectContext.js.map

package/dist/module/lib/Components/Select/GlobalSelectContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createSafeContext","useState","useRef","useMemo","jsx","_jsx","GlobalSelectContextProvider","_useGlobalSelectSafeContext","useGlobalSelectSafeContext","useSelectActions","context","consumerName","contextRequired","showSelect","showSelectRef","current","hideSelect","hideSelectRef","GlobalSelectProvider","children","currentSelect","setCurrentSelect","data","contextValue","value"],"sourceRoot":"../../../../../src","sources":["lib/Components/Select/GlobalSelectContext.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,8BAA8B;AAEhE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlD,MAAM,CAACC,2BAA2B,EAAEC,2BAA2B,CAAC,GAC9DP,iBAAiB,CAAsC,qBAAqB,CAAC;AAE/E,OAAO,MAAMQ,0BAA0B,GAAGD,2BAA2B;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,gBAAgB,GAAGA,CAAA,KAG3B;EACH,MAAMC,OAAO,GAAGF,0BAA0B,CAAC;IACzCG,YAAY,EAAE,kBAAkB;IAChCC,eAAe,EAAE;EACnB,CAAC,CAAC;EAEF,OAAOT,OAAO,CACZ,OAAO;IACLU,UAAU,EAAEH,OAAO,CAACI,aAAa,CAACC,OAAO;IACzCC,UAAU,EAAEN,OAAO,CAACO,aAAa,CAACF;EACpC,CAAC,CAAC,EACF,CAACL,OAAO,CAACI,aAAa,EAAEJ,OAAO,CAACO,aAAa,CAC/C,CAAC;AACH,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EACnCC;AACyB,CAAC,KAAK;EAC/B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGpB,QAAQ,CAAoB,IAAI,CAAC;EAC3E,MAAMa,aAAa,GAAGZ,MAAM,CAA6B,MAAM;IAC7D;EACF,CAAC,CAAC;EACF,MAAMe,aAAa,GAAGf,MAAM,CAAa,MAAM;IAC7C;EACF,CAAC,CAAC;;EAEF;AACF;AACA;AACA;EACEY,aAAa,CAACC,OAAO,GAAIO,IAAgB,IAAK;IAC5CD,gBAAgB,CAACC,IAAI,CAAC;EACxB,CAAC;EAEDL,aAAa,CAACF,OAAO,GAAG,MAAM;IAC5BM,gBAAgB,CAAC,IAAI,CAAC;EACxB,CAAC;;EAED;AACF;AACA;AACA;EACE,MAAME,YAAY,GAAGpB,OAAO,CAC1B,OAAO;IACLiB,aAAa;IACbN,aAAa;IACbG;EACF,CAAC,CAAC,EACF,CAACG,aAAa,CAChB,CAAC;EAED,oBACEf,IAAA,CAACC,2BAA2B;IAACkB,KAAK,EAAED,YAAa;IAAAJ,QAAA,EAC9CA;EAAQ,CACkB,CAAC;AAElC,CAAC","ignoreList":[]}