@atom-learning/components 6.0.0-beta.27 → 6.0.0-beta.29
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/dist/components/action-icon/ActionIcon.js +1 -1
- package/dist/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/components/banner/banner-regular/BannerRegularActions.js +1 -1
- package/dist/components/banner/banner-regular/BannerRegularActions.js.map +1 -1
- package/dist/components/calendar/Calendar.js +1 -1
- package/dist/components/calendar/Calendar.js.map +1 -1
- package/dist/components/carousel/Carousel.d.ts +4 -7
- package/dist/components/carousel/CarouselSlider.d.ts +5 -7
- package/dist/components/carousel/CarouselSlider.js +1 -1
- package/dist/components/carousel/CarouselSlider.js.map +1 -1
- package/dist/components/checkbox-group/CheckboxGroupItem.js +1 -1
- package/dist/components/checkbox-group/CheckboxGroupItem.js.map +1 -1
- package/dist/components/chip/Chip.js +1 -1
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/data-table/DataTableContext.js +1 -1
- package/dist/components/data-table/DataTableContext.js.map +1 -1
- package/dist/components/data-table/DataTableHead.js +1 -1
- package/dist/components/data-table/DataTableHead.js.map +1 -1
- package/dist/components/data-table/DataTableMetaData.js +1 -1
- package/dist/components/data-table/DataTableMetaData.js.map +1 -1
- package/dist/components/data-table/DataTableRow.js +1 -1
- package/dist/components/data-table/DataTableRow.js.map +1 -1
- package/dist/components/data-table/DataTableRowSelectionCheckbox.js +1 -1
- package/dist/components/data-table/DataTableRowSelectionCheckbox.js.map +1 -1
- package/dist/components/data-table/DataTableSelectAllRowsCheckbox.js +1 -1
- package/dist/components/data-table/DataTableSelectAllRowsCheckbox.js.map +1 -1
- package/dist/components/data-table/DataTableTable.js +1 -1
- package/dist/components/data-table/DataTableTable.js.map +1 -1
- package/dist/components/data-table/getNewAsyncData.js +1 -1
- package/dist/components/data-table/getNewAsyncData.js.map +1 -1
- package/dist/components/data-table/pagination/Pagination.js +1 -1
- package/dist/components/data-table/pagination/Pagination.js.map +1 -1
- package/dist/components/markdown-content/MarkdownContent.js +1 -1
- package/dist/components/markdown-content/MarkdownContent.js.map +1 -1
- package/dist/components/markdown-content/components/MarkdownImage.js +1 -1
- package/dist/components/markdown-content/components/MarkdownImage.js.map +1 -1
- package/dist/components/markdown-content/components/MarkdownLink.js +1 -1
- package/dist/components/markdown-content/components/MarkdownLink.js.map +1 -1
- package/dist/components/navigation/NavigationMenu.js +1 -1
- package/dist/components/navigation/NavigationMenu.js.map +1 -1
- package/dist/components/number-input/NumberInput.js +1 -1
- package/dist/components/number-input/NumberInput.js.map +1 -1
- package/dist/components/progress-bar/ProgressBar.js +1 -1
- package/dist/components/progress-bar/ProgressBar.js.map +1 -1
- package/dist/components/segmented-control/SegmentedControlDescription.js +1 -1
- package/dist/components/segmented-control/SegmentedControlDescription.js.map +1 -1
- package/dist/components/segmented-control/SegmentedControlHeading.js +1 -1
- package/dist/components/segmented-control/SegmentedControlHeading.js.map +1 -1
- package/dist/components/slider/Slider.js +1 -1
- package/dist/components/slider/Slider.js.map +1 -1
- package/dist/components/slider/SliderSteps.js +1 -1
- package/dist/components/slider/SliderSteps.js.map +1 -1
- package/dist/components/slider/SliderValue.js +1 -1
- package/dist/components/slider/SliderValue.js.map +1 -1
- package/dist/components/stepper/StepperSteps.js +1 -1
- package/dist/components/stepper/StepperSteps.js.map +1 -1
- package/dist/components/table/TableStickyColumnsContainer.js +1 -1
- package/dist/components/table/TableStickyColumnsContainer.js.map +1 -1
- package/dist/components/table/useStickyColumnsCss.js +1 -1
- package/dist/components/table/useStickyColumnsCss.js.map +1 -1
- package/dist/components/toast/ToastProvider.js +1 -1
- package/dist/components/toast/ToastProvider.js.map +1 -1
- package/dist/components/video/Video.js +1 -1
- package/dist/components/video/Video.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/experiments/color-scheme/ColorScheme.config.js +1 -1
- package/dist/experiments/color-scheme/ColorScheme.config.js.map +1 -1
- package/dist/experiments/color-scheme/ColorScheme.js +1 -1
- package/dist/experiments/color-scheme/ColorScheme.js.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/styled.js +1 -1
- package/dist/styled.js.map +1 -1
- package/package.json +1 -1
- package/scripts/generate-responsive-variant-classes.mjs +1 -3
- package/src/responsive-variant-classes.css +1 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const
|
|
1
|
+
const m=({prefix:e,colorName:o,color0:a=""})=>{const c={};let r=1;a&&(c[`--${e}-${r}`]=`var(--color-${a})`,r++);let t=1;for(r;r<=11;r++)c[`--${e}-${r}`]=`var(--color-${o}-${t*100})`,t++;return c},l={};l["interactive-loContrast"]={"--interactive-foreground":"var(--foreground)","--interactive-1":"var(--accent-1)","--interactive-2":"var(--accent-2)","--interactive-3":"var(--accent-3)"},l["interactive-hiContrast"]={"--interactive-foreground":"var(--foreground-7-plus)","--interactive-1":"var(--accent-9)","--interactive-2":"var(--accent-10)","--interactive-3":"var(--accent-11)"};const i={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}},n={primary1:{colorName:"primary",color0:"white"},primary2:{colorName:"primary"},grey1:{colorName:"grey",color0:"white"},grey2:{colorName:"grey"},blue1:{colorName:"blue",color0:"white"},blue2:{colorName:"blue"},pink1:{colorName:"pink",color0:"white"},pink2:{colorName:"pink"},purple1:{colorName:"purple",color0:"white"},purple2:{colorName:"purple"},cyan1:{colorName:"cyan",color0:"white"},cyan2:{colorName:"cyan"},green1:{colorName:"green",color0:"white"},green2:{colorName:"green"},magenta1:{colorName:"magenta",color0:"white"},magenta2:{colorName:"magenta"},red1:{colorName:"red",color0:"white"},red2:{colorName:"red"},teal1:{colorName:"teal",color0:"white"},teal2:{colorName:"teal"},orange1:{colorName:"orange",color0:"white"},orange2:{colorName:"orange"},yellow1:{colorName:"yellow",color0:"white"},yellow2:{colorName:"yellow"},lime1:{colorName:"lime",color0:"white"},lime2:{colorName:"lime"}};Object.entries(i).forEach(([e,o])=>{const a=`base-${e}`;l[a]={"--foreground":"var(--color-grey-1000)","--foreground-7-plus":"var(--color-white)",...m({prefix:"base",colorName:o.colorName,color0:o.color0})}}),Object.entries(n).forEach(([e,o])=>{l[`accent-${e}`]=m({prefix:"accent",colorName:o.colorName,color0:o.color0})});export{n as accents,i as bases,l as colorSchemes};
|
|
2
2
|
//# sourceMappingURL=ColorScheme.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorScheme.config.js","sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n prefix,\n colorName,\n color0 = ''\n}: {\n prefix: ColorSchemeKeys\n colorName: string\n color0?: string\n}): ColorScheme => {\n const colors: Record<string, string> = {}\n let i = 1\n if (color0) {\n colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n k++\n }\n return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n string,\n ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n '--interactive-foreground': 'var(--foreground)',\n '--interactive-1': 'var(--accent-1)',\n '--interactive-2': 'var(--accent-2)',\n '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n '--interactive-foreground': 'var(--foreground-7-plus)',\n '--interactive-1': 'var(--accent-9)',\n '--interactive-2': 'var(--accent-10)',\n '--interactive-3': 'var(--accent-11)'\n}\n\nexport const bases = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n\nexport const accents = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n;(() => {\n Object.entries(bases).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = {\n '--foreground': 'var(--color-grey-1000)',\n '--foreground-7-plus': 'var(--color-white)',\n ...generateColors({\n prefix: 'base',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n }\n )\n\n Object.entries(accents).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n colorSchemes[`accent-${name}`] = generateColors({\n prefix: 'accent',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n )\n})()\n"],"names":["generateColors","prefix","colorName","color0","colors","i","k","colorSchemes","bases","accents","name","config","themeName"],"mappings":"AASA,MAAMA,EAAiB,CAAC,CACtB,OAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,EACX,IAImB,CACjB,MAAMC,EAAiC,GACvC,IAAIC,EAAI,EACJF,IACFC,EAAO,
|
|
1
|
+
{"version":3,"file":"ColorScheme.config.js","sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n prefix,\n colorName,\n color0 = ''\n}: {\n prefix: ColorSchemeKeys\n colorName: string\n color0?: string\n}): ColorScheme => {\n const colors: Record<string, string> = {}\n let i = 1\n if (color0) {\n colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n i++\n }\n let k = 1\n for (i; i <= 11; i++) {\n colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n k++\n }\n return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n string,\n ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n '--interactive-foreground': 'var(--foreground)',\n '--interactive-1': 'var(--accent-1)',\n '--interactive-2': 'var(--accent-2)',\n '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n '--interactive-foreground': 'var(--foreground-7-plus)',\n '--interactive-1': 'var(--accent-9)',\n '--interactive-2': 'var(--accent-10)',\n '--interactive-3': 'var(--accent-11)'\n}\n\nexport const bases = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n\nexport const accents = {\n primary1: { colorName: 'primary', color0: 'white' },\n primary2: { colorName: 'primary' },\n grey1: { colorName: 'grey', color0: 'white' },\n grey2: { colorName: 'grey' },\n blue1: { colorName: 'blue', color0: 'white' },\n blue2: { colorName: 'blue' },\n pink1: { colorName: 'pink', color0: 'white' },\n pink2: { colorName: 'pink' },\n purple1: { colorName: 'purple', color0: 'white' },\n purple2: { colorName: 'purple' },\n cyan1: { colorName: 'cyan', color0: 'white' },\n cyan2: { colorName: 'cyan' },\n green1: { colorName: 'green', color0: 'white' },\n green2: { colorName: 'green' },\n magenta1: { colorName: 'magenta', color0: 'white' },\n magenta2: { colorName: 'magenta' },\n red1: { colorName: 'red', color0: 'white' },\n red2: { colorName: 'red' },\n teal1: { colorName: 'teal', color0: 'white' },\n teal2: { colorName: 'teal' },\n orange1: { colorName: 'orange', color0: 'white' },\n orange2: { colorName: 'orange' },\n yellow1: { colorName: 'yellow', color0: 'white' },\n yellow2: { colorName: 'yellow' },\n lime1: { colorName: 'lime', color0: 'white' },\n lime2: { colorName: 'lime' }\n} satisfies Record<string, ColorSchemeConfig>\n;(() => {\n Object.entries(bases).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n const themeName = `base-${name}`\n colorSchemes[themeName] = {\n '--foreground': 'var(--color-grey-1000)',\n '--foreground-7-plus': 'var(--color-white)',\n ...generateColors({\n prefix: 'base',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n }\n )\n\n Object.entries(accents).forEach(\n ([name, config]: [string, ColorSchemeConfig]) => {\n colorSchemes[`accent-${name}`] = generateColors({\n prefix: 'accent',\n colorName: config.colorName,\n color0: config.color0\n })\n }\n )\n})()\n"],"names":["generateColors","prefix","colorName","color0","colors","i","k","colorSchemes","bases","accents","name","config","themeName"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Slot as f}from"@radix-ui/react-slot";import*as
|
|
1
|
+
import{Slot as f}from"@radix-ui/react-slot";import*as c from"react";import{colorSchemes as e}from"./ColorScheme.config.js";const a=c.forwardRef(({base:r="",accent:o="",interactive:t="",asChild:m=!1,...i},n)=>{const s=m?f:"div",l={...t&&e[`interactive-${t}`],...o&&e[`accent-${o}`],...r&&e[`base-${r}`]};return c.createElement(s,{...i,ref:n,style:l})});a.displayName="ColorScheme";export{a as ColorScheme};
|
|
2
2
|
//# sourceMappingURL=ColorScheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorScheme.js","sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { accents, bases, colorSchemes } from './ColorScheme.config'\n\nexport type TcolorScheme = {\n base?: keyof typeof bases\n accent?: keyof typeof accents\n interactive?: 'loContrast' | 'hiContrast'\n}\n\ntype TColorSchemeOwnProps = TcolorScheme & {\n asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n (\n { base = '', accent = '', interactive = '', asChild = false, ...rest },\n ref\n ) => {\n const Component = asChild ? Slot : 'div'\n\n // Build style object - config ensures values are always strings (never undefined)\n const style = {\n ...(interactive && colorSchemes[`interactive-${interactive}`]),\n ...(accent && colorSchemes[`accent-${accent}`]),\n ...(base && colorSchemes[`base-${base}`])\n } as React.CSSProperties\n\n return <Component {...rest} ref={ref} style={style} />\n }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["ColorScheme","React","base","accent","interactive","asChild","rest","ref","Component","Slot","style","colorSchemes"],"mappings":"iIAqBaA,EAAcC,EAAM,WAC/B,CACE,CAAE,KAAAC,EAAO,GAAI,OAAAC,EAAS,GAAI,YAAAC,EAAc,GAAI,QAAAC,EAAU,GAAO,GAAGC,CAAK,EACrEC,IACG,CACH,MAAMC,EAAYH,EAAUI,EAAO,MAG7BC,EAAQ,CACZ,GAAIN,GAAeO,EAAa,
|
|
1
|
+
{"version":3,"file":"ColorScheme.js","sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { accents, bases, colorSchemes } from './ColorScheme.config'\n\nexport type TcolorScheme = {\n base?: keyof typeof bases\n accent?: keyof typeof accents\n interactive?: 'loContrast' | 'hiContrast'\n}\n\ntype TColorSchemeOwnProps = TcolorScheme & {\n asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n (\n { base = '', accent = '', interactive = '', asChild = false, ...rest },\n ref\n ) => {\n const Component = asChild ? Slot : 'div'\n\n // Build style object - config ensures values are always strings (never undefined)\n const style = {\n ...(interactive && colorSchemes[`interactive-${interactive}`]),\n ...(accent && colorSchemes[`accent-${accent}`]),\n ...(base && colorSchemes[`base-${base}`])\n } as React.CSSProperties\n\n return <Component {...rest} ref={ref} style={style} />\n }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["ColorScheme","React","base","accent","interactive","asChild","rest","ref","Component","Slot","style","colorSchemes"],"mappings":"iIAqBaA,EAAcC,EAAM,WAC/B,CACE,CAAE,KAAAC,EAAO,GAAI,OAAAC,EAAS,GAAI,YAAAC,EAAc,GAAI,QAAAC,EAAU,GAAO,GAAGC,CAAK,EACrEC,IACG,CACH,MAAMC,EAAYH,EAAUI,EAAO,MAG7BC,EAAQ,CACZ,GAAIN,GAAeO,EAAa,eAAeP,CAAW,EAAE,EAC5D,GAAID,GAAUQ,EAAa,UAAUR,CAAM,EAAE,EAC7C,GAAID,GAAQS,EAAa,QAAQT,CAAI,EAAE,CACzC,EAEA,OAAOD,EAAA,cAACO,EAAA,CAAW,GAAGF,EAAM,IAAKC,EAAK,MAAOG,CAAAA,CAAO,CACtD,CACF,EAEAV,EAAY,YAAc"}
|