@ledgerhq/lumen-ui-rnative 0.1.25 → 0.1.27

package/dist/module/lib/Components/DotCount/DotCount.stories.js

@@ -0,0 +1,172 @@
+"use strict";
+
+import { useState } from 'react';
+import { Avatar } from "../Avatar/Avatar.js";
+import { MediaImage } from "../MediaImage/MediaImage.js";
+import { SegmentedControl, SegmentedControlButton } from "../SegmentedControl/SegmentedControl.js";
+import { Box } from "../Utility/Box/index.js";
+import { DotCount } from "./DotCount.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  component: DotCount,
+  title: 'Communication/DotCount',
+  parameters: {
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  },
+  argTypes: {
+    size: {
+      control: 'radio',
+      options: ['lg', 'md']
+    },
+    appearance: {
+      control: 'radio',
+      options: ['base', 'red']
+    },
+    value: {
+      control: 'number'
+    },
+    max: {
+      control: 'number'
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    value: 3,
+    size: 'lg',
+    appearance: 'base'
+  }
+};
+export const SizeShowcase = {
+  args: {
+    value: 5
+  },
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: [/*#__PURE__*/_jsx(DotCount, {
+      value: 5,
+      size: "lg"
+    }), /*#__PURE__*/_jsx(DotCount, {
+      value: 5,
+      size: "md"
+    })]
+  })
+};
+export const AppearanceShowcase = {
+  args: {
+    value: 3
+  },
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: [/*#__PURE__*/_jsx(DotCount, {
+      value: 3,
+      size: "lg",
+      appearance: "base"
+    }), /*#__PURE__*/_jsx(DotCount, {
+      value: 3,
+      size: "lg",
+      appearance: "red"
+    }), /*#__PURE__*/_jsx(DotCount, {
+      value: 3,
+      size: "lg",
+      disabled: true
+    })]
+  })
+};
+export const OverflowShowcase = {
+  args: {
+    value: 100
+  },
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: [/*#__PURE__*/_jsx(DotCount, {
+      value: 100,
+      size: "lg"
+    }), /*#__PURE__*/_jsx(DotCount, {
+      value: 100,
+      max: 50,
+      size: "lg"
+    }), /*#__PURE__*/_jsx(DotCount, {
+      value: 0,
+      size: "lg"
+    })]
+  })
+};
+export const WithChildren = {
+  args: {
+    value: 5
+  },
+  render: () => {
+    const [fitState, setFitState] = useState('preview');
+    return /*#__PURE__*/_jsxs(Box, {
+      lx: {
+        gap: 's24'
+      },
+      children: [/*#__PURE__*/_jsxs(Box, {
+        lx: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          gap: 's12'
+        },
+        children: [/*#__PURE__*/_jsx(DotCount, {
+          value: 5,
+          size: "md",
+          children: /*#__PURE__*/_jsx(MediaImage, {
+            src: "https://crypto-icons.ledger.com/BTC.png",
+            alt: "Bitcoin",
+            size: 40,
+            shape: "circle"
+          })
+        }), /*#__PURE__*/_jsx(DotCount, {
+          value: 100,
+          size: "md",
+          children: /*#__PURE__*/_jsx(Avatar, {
+            src: "https://plus.unsplash.com/premium_photo-1689551670902-19b441a6afde?q=80&w=774&auto=format&fit=crop",
+            size: "md"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(SegmentedControl, {
+        selectedValue: fitState,
+        onSelectedChange: setFitState,
+        tabLayout: "fit",
+        accessibilityLabel: "Fit layout",
+        children: [/*#__PURE__*/_jsxs(SegmentedControlButton, {
+          value: "preview",
+          children: ["Preview", /*#__PURE__*/_jsx(DotCount, {
+            value: 3,
+            size: "md",
+            style: {
+              marginLeft: 6
+            }
+          })]
+        }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+          value: "raw",
+          children: "Raw"
+        }), /*#__PURE__*/_jsx(SegmentedControlButton, {
+          value: "blame",
+          children: "Blame"
+        })]
+      })]
+    });
+  }
+};
+//# sourceMappingURL=DotCount.stories.js.map

package/dist/module/lib/Components/DotCount/DotCount.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Avatar","MediaImage","SegmentedControl","SegmentedControlButton","Box","DotCount","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","argTypes","size","control","options","appearance","value","max","Base","args","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","AppearanceShowcase","disabled","OverflowShowcase","WithChildren","fitState","setFitState","src","alt","shape","selectedValue","onSelectedChange","tabLayout","accessibilityLabel","style","marginLeft"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotCount/DotCount.stories.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/DotCount/DotCount.test.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import { describe, it, expect } from '@jest/globals';
+import { ledgerLiveThemes } from '@ledgerhq/lumen-design-core';
+import { render } from '@testing-library/react-native';
+import { createRef } from 'react';
+import { Text } from 'react-native';
+import { ThemeProvider } from "../ThemeProvider/ThemeProvider.js";
+import { DotCount } from "./DotCount.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TestWrapper = ({
+  children
+}) => /*#__PURE__*/_jsx(ThemeProvider, {
+  themes: ledgerLiveThemes,
+  colorScheme: "dark",
+  locale: "en",
+  children: children
+});
+describe('DotCount', () => {
+  it('should render the value', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5,
+        size: "lg"
+      })
+    }));
+    expect(getByText('5')).toBeTruthy();
+  });
+  it('should hide text when value is 0', () => {
+    const {
+      queryByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 0,
+        size: "lg"
+      })
+    }));
+    expect(queryByText('0')).toBeNull();
+  });
+  it('should cap value at max and show overflow indicator', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 100,
+        max: 50,
+        size: "lg"
+      })
+    }));
+    expect(getByText('50+')).toBeTruthy();
+  });
+  it('should default max to 99', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 150,
+        size: "lg"
+      })
+    }));
+    expect(getByText('99+')).toBeTruthy();
+  });
+  it('should clamp max to 1 when given zero or negative', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5,
+        max: 0,
+        size: "lg"
+      })
+    }));
+    expect(getByText('1+')).toBeTruthy();
+  });
+  it('should render children alongside the count', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 3,
+        size: "md",
+        children: /*#__PURE__*/_jsx(Text, {
+          children: "Child"
+        })
+      })
+    }));
+    expect(getByText('3')).toBeTruthy();
+    expect(getByText('Child')).toBeTruthy();
+  });
+  it('should forward testID to the outer wrapper', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        testID: "dot-count",
+        value: 3,
+        size: "lg"
+      })
+    }));
+    expect(getByTestId('dot-count')).toBeTruthy();
+  });
+  it('should forward pointerEvents to the outer wrapper', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        testID: "dot-count",
+        value: 3,
+        size: "lg",
+        pointerEvents: "none"
+      })
+    }));
+    expect(getByTestId('dot-count').props.pointerEvents).toBe('none');
+  });
+  it('should forward ref to the outer wrapper', () => {
+    const ref = /*#__PURE__*/createRef();
+    render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        ref: ref,
+        value: 3,
+        size: "lg"
+      })
+    }));
+    expect(ref.current).toBeTruthy();
+  });
+  it('should render with red appearance', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5,
+        size: "lg",
+        appearance: "red"
+      })
+    }));
+    expect(getByText('5')).toBeTruthy();
+  });
+  it('should render with disabled state', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5,
+        size: "lg",
+        disabled: true
+      })
+    }));
+    expect(getByText('5')).toBeTruthy();
+  });
+  it('should render in md size', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5,
+        size: "md"
+      })
+    }));
+    expect(getByText('5')).toBeTruthy();
+  });
+  it('should default size to md when omitted', () => {
+    const {
+      getByText
+    } = render(/*#__PURE__*/_jsx(TestWrapper, {
+      children: /*#__PURE__*/_jsx(DotCount, {
+        value: 5
+      })
+    }));
+    expect(getByText('5')).toBeTruthy();
+  });
+});
+//# sourceMappingURL=DotCount.test.js.map

package/dist/module/lib/Components/DotCount/DotCount.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","it","expect","ledgerLiveThemes","render","createRef","Text","ThemeProvider","DotCount","jsx","_jsx","TestWrapper","children","themes","colorScheme","locale","getByText","value","size","toBeTruthy","queryByText","toBeNull","max","getByTestId","testID","pointerEvents","props","toBe","ref","current","appearance","disabled"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotCount/DotCount.test.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/DotCount/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./DotCount.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/module/lib/Components/DotCount/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotCount/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,YAAS","ignoreList":[]}

package/dist/module/lib/Components/DotCount/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/dist/module/lib/Components/DotCount/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["lib/Components/DotCount/types.ts"],"mappings":"","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/DotIndicator.js

@@ -0,0 +1,89 @@
+"use strict";
+
+import { useDisabledContext } from '@ledgerhq/lumen-utils-shared';
+import { StyleSheet } from 'react-native';
+import { useStyleSheet } from "../../../styles/index.js";
+import { Box } from "../Utility/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function DotIndicator({
+  size = 'sm',
+  appearance = 'base',
+  disabled: disabledProp = false,
+  lx = {},
+  style,
+  children,
+  accessibilityLabel,
+  ref,
+  ...props
+}) {
+  const disabled = useDisabledContext({
+    consumerName: 'DotIndicator',
+    mergeWith: {
+      disabled: disabledProp
+    }
+  });
+  const styles = useStyles({
+    size,
+    appearance,
+    disabled,
+    pinned: !!children
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    ref: ref,
+    lx: lx,
+    style: StyleSheet.flatten([children ? {
+      position: 'relative'
+    } : undefined, style]),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Box, {
+      style: styles.container,
+      accessibilityRole: "image",
+      accessibilityLabel: accessibilityLabel,
+      accessible: !!accessibilityLabel,
+      pointerEvents: "none"
+    }), children]
+  });
+}
+const useStyles = ({
+  size,
+  appearance,
+  disabled,
+  pinned
+}) => {
+  return useStyleSheet(t => {
+    const sizeMap = {
+      xs: t.sizes.s10,
+      sm: t.sizes.s12,
+      md: t.sizes.s16
+    };
+    const bgColorMap = {
+      base: {
+        backgroundColor: t.colors.bg.interactive
+      },
+      red: {
+        backgroundColor: t.colors.bg.errorStrong
+      }
+    };
+    return {
+      container: {
+        height: sizeMap[size],
+        aspectRatio: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: t.borderRadius.full,
+        ...(pinned && {
+          position: 'absolute',
+          top: t.spacings.s0,
+          right: t.spacings.s0,
+          zIndex: 1
+        }),
+        ...(disabled ? {
+          backgroundColor: t.colors.bg.disabled
+        } : {
+          ...bgColorMap[appearance]
+        })
+      }
+    };
+  }, [size, appearance, disabled, pinned]);
+};
+//# sourceMappingURL=DotIndicator.js.map

package/dist/module/lib/Components/DotIndicator/DotIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDisabledContext","StyleSheet","useStyleSheet","Box","jsx","_jsx","jsxs","_jsxs","DotIndicator","size","appearance","disabled","disabledProp","lx","style","children","accessibilityLabel","ref","props","consumerName","mergeWith","styles","useStyles","pinned","flatten","position","undefined","container","accessibilityRole","accessible","pointerEvents","t","sizeMap","xs","sizes","s10","sm","s12","md","s16","bgColorMap","base","backgroundColor","colors","bg","interactive","red","errorStrong","height","aspectRatio","alignItems","justifyContent","borderRadius","full","top","spacings","s0","right","zIndex"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/lib/Components/DotIndicator/DotIndicator.mdx

@@ -0,0 +1,82 @@
+import { Meta, Canvas, Controls } from '@storybook/addon-docs/blocks';
+import * as DotIndicatorStories from './DotIndicator.stories';
+import { CustomTabs, Tab } from '../../../../.storybook/components';
+
+<Meta title='Communication/DotIndicator' of={DotIndicatorStories} />
+
+# DotIndicator
+
+<CustomTabs>
+  <Tab label="Overview">
+
+    ## Introduction
+
+    DotIndicator is a small colored dot used to signal status or draw attention without displaying a number. It supports two appearances (`base` and `red`) and can be pinned to the top-right of a child element.
+
+    > View in [Figma](https://www.figma.com/design/JxaLVMTWirCpU0rsbZ30k7/2.-Components-Library?node-id=16470-25597).
+
+    ## Properties
+
+    <Canvas of={DotIndicatorStories.Base} />
+    <Controls of={DotIndicatorStories.Base} />
+
+    ## Sizes
+
+    DotIndicator comes in three sizes:
+
+    - **xs** - compact dot for tight layouts.
+    - **sm** (default) - standard dot for most use cases.
+    - **md** - larger dot for prominent indicators.
+
+    <Canvas of={DotIndicatorStories.SizeShowcase} />
+
+    ## Appearances
+
+    Two color schemes are available:
+
+    - **base** (default) - neutral dot for general-purpose indicators.
+    - **red** - high-visibility dot, typically used for unread or alert states.
+
+    <Canvas of={DotIndicatorStories.AppearanceShowcase} />
+
+    ## With Children
+
+    When wrapping a child element, the dot pins itself to the top-right corner.
+
+    <Canvas of={DotIndicatorStories.WithChildren} />
+
+  </Tab>
+  <Tab label="Implementation">
+
+    ## Setup
+
+    Install and set up the library with our [Setup Guide →](?path=/docs/getting-started-setup--docs).
+
+    ## Basic Usage
+
+    ```tsx
+    import { DotIndicator } from '@ledgerhq/lumen-ui-rnative';
+
+    function MyComponent() {
+      return <DotIndicator appearance="red" />;
+    }
+    ```
+
+    ### Pinned to a child
+
+    ```tsx
+    <DotIndicator appearance="red">
+      <Button size="sm">Submit</Button>
+    </DotIndicator>
+    ```
+
+    ### Accessibility
+
+    Pass `accessibilityLabel` to provide screen reader context:
+
+    ```tsx
+    <DotIndicator accessibilityLabel="New notifications" />
+    ```
+
+  </Tab>
+</CustomTabs>

package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { Button } from "../Button/Button.js";
+import { Box } from "../Utility/Box/index.js";
+import { DotIndicator } from "./DotIndicator.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+  component: DotIndicator,
+  title: 'Communication/DotIndicator',
+  parameters: {
+    docs: {
+      source: {
+        language: 'tsx',
+        format: true,
+        type: 'code'
+      }
+    }
+  },
+  argTypes: {
+    size: {
+      control: 'radio',
+      options: ['xs', 'sm', 'md']
+    },
+    appearance: {
+      control: 'radio',
+      options: ['base', 'red']
+    }
+  }
+};
+export default meta;
+export const Base = {
+  args: {
+    appearance: 'base'
+  }
+};
+export const SizeShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: [/*#__PURE__*/_jsx(DotIndicator, {
+      size: "xs"
+    }), /*#__PURE__*/_jsx(DotIndicator, {
+      size: "sm"
+    }), /*#__PURE__*/_jsx(DotIndicator, {
+      size: "md"
+    })]
+  })
+};
+export const AppearanceShowcase = {
+  render: () => /*#__PURE__*/_jsxs(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: [/*#__PURE__*/_jsx(DotIndicator, {
+      appearance: "base"
+    }), /*#__PURE__*/_jsx(DotIndicator, {
+      appearance: "red"
+    }), /*#__PURE__*/_jsx(DotIndicator, {
+      disabled: true
+    })]
+  })
+};
+export const WithChildren = {
+  render: () => /*#__PURE__*/_jsx(Box, {
+    lx: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 's12'
+    },
+    children: /*#__PURE__*/_jsx(DotIndicator, {
+      appearance: "red",
+      children: /*#__PURE__*/_jsx(Button, {
+        size: "sm",
+        children: "Submit"
+      })
+    })
+  })
+};
+//# sourceMappingURL=DotIndicator.stories.js.map

package/dist/module/lib/Components/DotIndicator/DotIndicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Box","DotIndicator","jsx","_jsx","jsxs","_jsxs","meta","component","title","parameters","docs","source","language","format","type","argTypes","size","control","options","appearance","Base","args","SizeShowcase","render","lx","flexDirection","alignItems","gap","children","AppearanceShowcase","disabled","WithChildren"],"sourceRoot":"../../../../../src","sources":["lib/Components/DotIndicator/DotIndicator.stories.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,qBAAkB;AACzC,SAASC,GAAG,QAAQ,yBAAgB;AACpC,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,MAAMC,IAAI,GAAG;EACXC,SAAS,EAAEN,YAAY;EACvBO,KAAK,EAAE,4BAA4B;EACnCC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,MAAM,EAAE;QACNC,QAAQ,EAAE,KAAK;QACfC,MAAM,EAAE,IAAI;QACZC,IAAI,EAAE;MACR;IACF;EACF,CAAC;EACDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI;IAC5B,CAAC;IACDC,UAAU,EAAE;MACVF,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK;IACzB;EACF;AACF,CAAqC;AAErC,eAAeZ,IAAI;AAGnB,OAAO,MAAMc,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJF,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMG,YAAmB,GAAG;EACjCC,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEzB,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bb,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC,eAC1Bb,IAAA,CAACF,YAAY;MAACe,IAAI,EAAC;IAAI,CAAE,CAAC;EAAA,CACvB;AAET,CAAC;AAED,OAAO,MAAMa,kBAAyB,GAAG;EACvCN,MAAM,EAAEA,CAAA,kBACNlB,KAAA,CAACL,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,gBAClEzB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC;IAAM,CAAE,CAAC,eAClChB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC;IAAK,CAAE,CAAC,eACjChB,IAAA,CAACF,YAAY;MAAC6B,QAAQ;IAAA,CAAE,CAAC;EAAA,CACtB;AAET,CAAC;AAED,OAAO,MAAMC,YAAmB,GAAG;EACjCR,MAAM,EAAEA,CAAA,kBACNpB,IAAA,CAACH,GAAG;IAACwB,EAAE,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAM,CAAE;IAAAC,QAAA,eAClEzB,IAAA,CAACF,YAAY;MAACkB,UAAU,EAAC,KAAK;MAAAS,QAAA,eAC5BzB,IAAA,CAACJ,MAAM;QAACiB,IAAI,EAAC,IAAI;QAAAY,QAAA,EAAC;MAAM,CAAQ;IAAC,CACrB;EAAC,CACZ;AAET,CAAC","ignoreList":[]}