@atom-learning/components 2.50.0 → 2.50.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -17
- package/dist/components/banner/Banner.js +1 -1
- package/dist/components/banner/Banner.js.map +1 -1
- package/dist/components/banner/BannerContext.d.ts +8 -3
- package/dist/components/banner/BannerContext.js +1 -1
- package/dist/components/banner/BannerContext.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularDismiss.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularDismiss.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularHeading.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularHeading.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularText.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularText.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,24 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
## [2.50.2](https://github.com/Atom-Learning/components/compare/v2.50.1...v2.50.2) (2023-04-28)
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
### Bug Fixes
|
|
5
5
|
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
### Features
|
|
11
|
-
|
|
12
|
-
* add BannerActions component ([f6147a5](https://github.com/Atom-Learning/components/commit/f6147a5334137db6cd52c8bbb72e438358e92035))
|
|
13
|
-
* add BannerContent component ([d9f21fb](https://github.com/Atom-Learning/components/commit/d9f21fb00e383207dc42a72804b74cd9e6273ed1))
|
|
14
|
-
* add BannerHeading component ([2c68c0f](https://github.com/Atom-Learning/components/commit/2c68c0fb7552a31562ed5b9a9b4ae0b915e92f2f))
|
|
15
|
-
* add BannerImage component ([6a41ab0](https://github.com/Atom-Learning/components/commit/6a41ab0e3ebe7c024be99576a5561012ad1c93c9))
|
|
16
|
-
* add BannerRegular component and set up basic layout ([0f4c639](https://github.com/Atom-Learning/components/commit/0f4c63986ec9e8018c8506c6487c819a362a89a3))
|
|
17
|
-
* add BannerText component ([399b82a](https://github.com/Atom-Learning/components/commit/399b82aa36e10d62cd93cfb478a76d168b1616fe))
|
|
18
|
-
* add utility findChildByType ([d5c31fd](https://github.com/Atom-Learning/components/commit/d5c31fdb7b300c23dff9dfdd3644df1d28e8544a))
|
|
19
|
-
* dismissible banners ([a37a81e](https://github.com/Atom-Learning/components/commit/a37a81e33042d2ab767b21bd6d5744d649b2a7a2))
|
|
20
|
-
* implement button themes and adjust css for image container ([f434902](https://github.com/Atom-Learning/components/commit/f4349025f11a47221099228ba0803016d90e2ae7))
|
|
21
|
-
* wip - banner themes / color schemes ([4e00be0](https://github.com/Atom-Learning/components/commit/4e00be0f5137bc7d112a34e54183382b977a5070))
|
|
6
|
+
* only add margin-right to BannerRegular Text and Heading when Dismiss is used ([7a73c5a](https://github.com/Atom-Learning/components/commit/7a73c5a27bfe8b6244008aaf5acb1492b8d1ace0))
|
|
7
|
+
* yarn validate typescript errors ([bd24f69](https://github.com/Atom-Learning/components/commit/bd24f690436faba587be62436eece298ec42b578))
|
|
22
8
|
|
|
23
9
|
# [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
|
|
24
10
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{ColorScheme as l}from"../../experiments/color-scheme/ColorScheme.js";import{Dismissible as s}from"../dismissible/index.js";import{BannerContainer as p}from"./BannerContainer.js";import{
|
|
1
|
+
import*as e from"react";import{ColorScheme as l}from"../../experiments/color-scheme/ColorScheme.js";import{Dismissible as s}from"../dismissible/index.js";import{BannerContainer as p}from"./BannerContainer.js";import{BannerProvider as c}from"./BannerContext.js";const r=({children:m,size:a={"@initial":"sm","@md":"md"},colorScheme:n,emphasis:i="lowContrast",value:o="dismiss-banner-regular",onDismiss:t})=>e.createElement(l,{...n,asChild:!0},e.createElement(s,{asChild:!0,value:o,onDismiss:t},e.createElement(p,{role:"banner",emphasis:i},e.createElement(c,{emphasis:i,size:a},m))));r.Dismiss=s.Trigger,r.displayName="Banner";export{r as Banner};
|
|
2
2
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\n\nimport { Dismissible } from '../dismissible'\nimport { BannerContainer, TBannerContainerProps } from './BannerContainer'\nimport {
|
|
1
|
+
{"version":3,"file":"Banner.js","sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ColorScheme, TcolorScheme } from '~/experiments/color-scheme'\n\nimport { Dismissible } from '../dismissible'\nimport { BannerContainer, TBannerContainerProps } from './BannerContainer'\nimport { BannerProvider } from './BannerContext'\n\ntype TDismissibleProps = React.ComponentProps<typeof Dismissible>\n\ninterface IBannerProps extends TBannerContainerProps {\n colorScheme: TcolorScheme\n value?: TDismissibleProps['value']\n onDismiss?: TDismissibleProps['onDismiss']\n}\n\nexport const Banner: React.FC<IBannerProps> & {\n Dismiss: typeof Dismissible.Trigger\n} = ({\n children,\n size = {\n '@initial': 'sm',\n '@md': 'md'\n },\n colorScheme,\n emphasis = 'lowContrast',\n value = 'dismiss-banner-regular',\n onDismiss\n}) => {\n return (\n <ColorScheme {...colorScheme} asChild>\n <Dismissible asChild value={value} onDismiss={onDismiss}>\n <BannerContainer role=\"banner\" emphasis={emphasis}>\n <BannerProvider emphasis={emphasis} size={size}>\n {children}\n </BannerProvider>\n </BannerContainer>\n </Dismissible>\n </ColorScheme>\n )\n}\n\nBanner.Dismiss = Dismissible.Trigger\nBanner.displayName = 'Banner'\n"],"names":["Banner","children","size","colorScheme","emphasis","value","onDismiss","React","ColorScheme","Dismissible","BannerContainer","BannerProvider"],"mappings":"qQAgBa,MAAAA,EAET,CAAC,CACH,SAAAC,EACA,KAAAC,EAAO,CACL,WAAY,KACZ,MAAO,IACT,EACA,YAAAC,EACA,SAAAC,EAAW,cACX,MAAAC,EAAQ,yBACR,UAAAC,CACF,IAEIC,EAAA,cAACC,EAAA,CAAa,GAAGL,EAAa,QAAO,EAAA,EACnCI,EAAA,cAACE,EAAA,CAAY,QAAO,GAAC,MAAOJ,EAAO,UAAWC,GAC5CC,EAAA,cAACG,EAAA,CAAgB,KAAK,SAAS,SAAUN,GACvCG,EAAA,cAACI,EAAA,CAAe,SAAUP,EAAU,KAAMF,CAAAA,EACvCD,CACH,CACF,CACF,CACF,EAIJD,EAAO,QAAUS,EAAY,QAC7BT,EAAO,YAAc"}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TBannerContainerProps } from './BannerContainer';
|
|
3
|
-
declare type
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export declare type TBannerProviderProps = Pick<TBannerContainerProps, 'size' | 'emphasis'>;
|
|
4
|
+
declare type TBannerContextValue = TBannerProviderProps & {
|
|
5
|
+
hasDismiss: boolean;
|
|
6
|
+
setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
|
+
};
|
|
8
|
+
export declare const BannerContext: React.Context<TBannerContextValue>;
|
|
9
|
+
export declare const useBannerContext: () => TBannerContextValue;
|
|
10
|
+
export declare const BannerProvider: React.FC<TBannerProviderProps>;
|
|
6
11
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as s from"react";const t=s.createContext({hasDismiss:!1,setHasDismiss:()=>null}),m=()=>{const e=s.useContext(t);if(e===void 0)throw new Error("useBannerContext must be used within a BannerProvider");return e},u=({emphasis:e,size:r,children:a})=>{const[n,i]=s.useState(!1),o=s.useMemo(()=>({emphasis:e,size:r,hasDismiss:n,setHasDismiss:i}),[e,r,n,i]);return s.createElement(t.Provider,{value:o},a)};export{t as BannerContext,u as BannerProvider,m as useBannerContext};
|
|
2
2
|
//# sourceMappingURL=BannerContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\
|
|
1
|
+
{"version":3,"file":"BannerContext.js","sources":["../../../src/components/banner/BannerContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { TBannerContainerProps } from './BannerContainer'\n\nexport type TBannerProviderProps = Pick<\n TBannerContainerProps,\n 'size' | 'emphasis'\n>\n\ntype TBannerContextValue = TBannerProviderProps & {\n hasDismiss: boolean\n setHasDismiss: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const BannerContext = React.createContext<TBannerContextValue>({\n hasDismiss: false,\n setHasDismiss: () => null\n})\n\nexport const useBannerContext = (): TBannerContextValue => {\n const context = React.useContext(BannerContext)\n\n if (context === undefined) {\n throw new Error('useBannerContext must be used within a BannerProvider')\n }\n\n return context\n}\n\nexport const BannerProvider: React.FC<TBannerProviderProps> = ({\n emphasis,\n size,\n children\n}) => {\n const [hasDismiss, setHasDismiss] = React.useState(false)\n const value = React.useMemo<TBannerContextValue>(\n () => ({ emphasis, size, hasDismiss, setHasDismiss }),\n [emphasis, size, hasDismiss, setHasDismiss]\n )\n return (\n <BannerContext.Provider value={value}>{children}</BannerContext.Provider>\n )\n}\n"],"names":["BannerContext","React","useBannerContext","context","BannerProvider","emphasis","size","children","hasDismiss","setHasDismiss","value"],"mappings":"wBAcO,MAAMA,EAAgBC,EAAM,cAAmC,CACpE,WAAY,GACZ,cAAe,IAAM,IACvB,CAAC,EAEYC,EAAmB,IAA2B,CACzD,MAAMC,EAAUF,EAAM,WAAWD,CAAa,EAE9C,GAAIG,IAAY,OACd,MAAM,IAAI,MAAM,uDAAuD,EAGzE,OAAOA,CACT,EAEaC,EAAiD,CAAC,CAC7D,SAAAC,EACA,KAAAC,EACA,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAK,EAClDS,EAAQT,EAAM,QAClB,KAAO,CAAE,SAAAI,EAAU,KAAAC,EAAM,WAAAE,EAAY,cAAAC,CAAc,GACnD,CAACJ,EAAUC,EAAME,EAAYC,CAAa,CAC5C,EACA,OACER,EAAA,cAACD,EAAc,SAAd,CAAuB,MAAOU,CAAAA,EAAQH,CAAS,CAEpD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{
|
|
1
|
+
import{Close as n}from"@atom-learning/icons";import*as e from"react";import{styled as l}from"../../../stitches.js";import{overrideStitchesVariantValue as p}from"../../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";import{ActionIcon as c}from"../../action-icon/ActionIcon.js";import{Icon as u}from"../../icon/Icon.js";import{Banner as d}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const h={sm:"md",md:"sm"},D=l(c,{position:"absolute",top:"$3",right:"$3"}),t=({label:r="dismiss",...i})=>{const{size:o,setHasDismiss:s}=f();e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]);const m=e.useMemo(()=>p(o,a=>h[a]),[o]);return e.createElement(d.Dismiss,{asChild:!0},e.createElement(D,{label:r,size:m,hasTooltip:!1,isRounded:!0,theme:"neutral",appearance:"solid",...i},e.createElement(u,{is:n})))};t.displayName="BannerRegularDismiss";export{t as BannerRegularDismiss};
|
|
2
2
|
//# sourceMappingURL=BannerRegularDismiss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import * as React from 'react'\nimport {
|
|
1
|
+
{"version":3,"file":"BannerRegularDismiss.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n sm: 'md',\n md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n position: 'absolute',\n top: '$3',\n right: '$3'\n})\n\nexport const BannerRegularDismiss: React.FC<\n React.ComponentProps<typeof ActionIcon>\n> = ({ label = 'dismiss', ...rest }) => {\n const { size, setHasDismiss } = useBannerContext()\n\n React.useEffect(() => {\n setHasDismiss(true)\n return () => {\n setHasDismiss(false)\n }\n }, [setHasDismiss])\n\n const actionIconSize = React.useMemo(\n () => overrideStitchesVariantValue(size, (s) => toActionIconSize[s]),\n [size]\n )\n\n return (\n <Banner.Dismiss asChild>\n <StyledDismiss\n label={label}\n size={actionIconSize}\n hasTooltip={false}\n isRounded\n theme=\"neutral\"\n appearance=\"solid\"\n {...rest}\n >\n <Icon is={Close} />\n </StyledDismiss>\n </Banner.Dismiss>\n )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"names":["toActionIconSize","StyledDismiss","styled","ActionIcon","BannerRegularDismiss","label","rest","size","setHasDismiss","useBannerContext","React","actionIconSize","overrideStitchesVariantValue","s","Banner","Icon","Close"],"mappings":"ybAWA,MAAMA,EAAmB,CACvB,GAAI,KACJ,GAAI,IACN,EAEMC,EAAgBC,EAAOC,EAAY,CACvC,SAAU,WACV,IAAK,KACL,MAAO,IACT,CAAC,EAEYC,EAET,CAAC,CAAE,MAAAC,EAAQ,aAAcC,CAAK,IAAM,CACtC,KAAM,CAAE,KAAAC,EAAM,cAAAC,CAAc,EAAIC,EAEhCC,EAAAA,EAAM,UAAU,KACdF,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAElB,MAAMG,EAAiBD,EAAM,QAC3B,IAAME,EAA6BL,EAAOM,GAAMb,EAAiBa,EAAE,EACnE,CAACN,CAAI,CACP,EAEA,OACEG,EAAA,cAACI,EAAO,QAAP,CAAe,QAAO,EACrBJ,EAAAA,EAAA,cAACT,EAAA,CACC,MAAOI,EACP,KAAMM,EACN,WAAY,GACZ,UAAS,GACT,MAAM,UACN,WAAW,QACV,GAAGL,CAEJI,EAAAA,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAZ,EAAqB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as r from"react";import{styled as a}from"../../../stitches.js";import{Heading as m}from"../../heading/Heading.js";import{useBannerContext as t}from"../BannerContext.js";const o=a(m,{mb:"$4",variants:{containerSize:{sm:{},md:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),s=e=>{const{size:i,hasDismiss:n}=t();return r.createElement(o,{size:"sm",containerSize:i,hasDismiss:n,...e})};s.displayName="BannerRegularHeading";export{s as BannerRegularHeading};
|
|
2
2
|
//# sourceMappingURL=BannerRegularHeading.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n mb: '$4',\n variants: {\n containerSize: {\n sm: {\n
|
|
1
|
+
{"version":3,"file":"BannerRegularHeading.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Heading } from '../../heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(Heading, {\n mb: '$4',\n variants: {\n containerSize: {\n sm: {},\n md: {}\n },\n hasDismiss: {\n true: {}\n }\n },\n compoundVariants: [\n {\n containerSize: 'sm',\n hasDismiss: true,\n css: {\n mr: '$6'\n }\n }\n ]\n})\n\nexport const BannerRegularHeading: React.FC<\n React.ComponentProps<typeof Heading>\n> = (props) => {\n const { size, hasDismiss } = useBannerContext()\n\n return (\n <StyledHeading\n size=\"sm\"\n containerSize={size}\n hasDismiss={hasDismiss}\n {...props}\n />\n )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"names":["StyledHeading","styled","Heading","BannerRegularHeading","props","size","hasDismiss","useBannerContext","React"],"mappings":"gLAOA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,GAAI,KACJ,SAAU,CACR,cAAe,CACb,GAAI,GACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EAERC,GAAU,CACb,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAE7B,EAAA,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,cAAeK,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAqB,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as
|
|
1
|
+
import*as a from"react";import{styled as o}from"../../../stitches.js";import{Text as m}from"../../text/Text.js";import{useBannerContext as n}from"../BannerContext.js";const c=o(m,{color:"$grey900",variants:{containerSize:{sm:{mb:"$4"},md:{mb:"$24"}},emphasis:{highContrast:{color:"$grey100"},midContrast:{},lowContrast:{}},hasDismiss:{true:{}}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,css:{mr:"$6"}}]}),e=r=>{const{emphasis:t,size:s,hasDismiss:i}=n();return a.createElement(c,{size:s,containerSize:s,emphasis:t,hasDismiss:i,...r})};e.displayName="BannerRegularText";export{e as BannerRegularText};
|
|
2
2
|
//# sourceMappingURL=BannerRegularText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n color: '$grey900',\n variants: {\n containerSize: {\n sm: {\n mb: '$4'
|
|
1
|
+
{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\n color: '$grey900',\n variants: {\n containerSize: {\n sm: {\n mb: '$4'\n },\n md: {\n mb: '$24'\n }\n },\n emphasis: {\n highContrast: {\n color: '$grey100'\n },\n midContrast: {},\n lowContrast: {}\n },\n hasDismiss: {\n true: {}\n }\n },\n compoundVariants: [\n {\n containerSize: 'sm',\n hasDismiss: true,\n css: {\n mr: '$6'\n }\n }\n ]\n})\n\nexport const BannerRegularText: React.FC<React.ComponentProps<typeof Text>> = (\n props\n) => {\n const { emphasis, size, hasDismiss } = useBannerContext()\n\n return (\n <StyledText\n size={size}\n containerSize={size}\n emphasis={emphasis}\n hasDismiss={hasDismiss}\n {...props}\n />\n )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"names":["StyledText","styled","Text","BannerRegularText","props","emphasis","size","hasDismiss","useBannerContext","React"],"mappings":"uKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,MAAO,WACP,SAAU,CACR,cAAe,CACb,GAAI,CACF,GAAI,IACN,EACA,GAAI,CACF,GAAI,KACN,CACF,EACA,SAAU,CACR,aAAc,CACZ,MAAO,UACT,EACA,YAAa,CAAA,EACb,YAAa,CACf,CAAA,EACA,WAAY,CACV,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,IAAK,CACH,GAAI,IACN,CACF,CACF,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAAA,EAEvC,OACEC,EAAA,cAACT,EAAA,CACC,KAAMM,EACN,cAAeA,EACf,SAAUD,EACV,WAAYE,EACX,GAAGH,CACN,CAAA,CAEJ,EAEAD,EAAkB,YAAc"}
|