@lumx/react 3.10.1-alpha.0 → 3.10.1-alpha.2

package/_internal/components/heading/index.ts-0179e9a9.js

@@ -0,0 +1,112 @@
+import { e as Typography, h as getRootClassName, i as forwardRef, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
+import React__default, { createContext } from 'react';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { T as Text } from '../../53c94227.js';
+
+/** The maximum authorized heading level. */
+const MAX_HEADING_LEVEL = 6;
+
+/**
+ * Typography to use by default depending on the heading level.
+ */
+const DEFAULT_TYPOGRAPHY_BY_LEVEL = {
+  h1: Typography.display1,
+  h2: Typography.headline,
+  h3: Typography.title,
+  h4: Typography.subtitle2,
+  h5: Typography.subtitle1,
+  h6: Typography.body2
+};
+
+const defaultContext = {
+  level: 1,
+  headingElement: 'h1'
+};
+const HeadingLevelContext = /*#__PURE__*/createContext(defaultContext);
+
+const useHeadingLevel = () => {
+  const {
+    level = 1,
+    headingElement = 'h1'
+  } = React__default.useContext(HeadingLevelContext);
+  return {
+    level,
+    headingElement
+  };
+};
+
+const _excluded = ["children", "as", "className"];
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Heading';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {};
+
+/**
+ * Renders a heading component.
+ * Extends the `Text` Component with the heading level automatically computed based on
+ * the current level provided by the context.
+ */
+const Heading = forwardRef((props, ref) => {
+  const {
+      children,
+      as,
+      className
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const {
+    headingElement
+  } = useHeadingLevel();
+  const computedHeadingElement = as || headingElement;
+  return /*#__PURE__*/React__default.createElement(Text, _extends({
+    ref: ref,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME
+    })),
+    as: computedHeadingElement,
+    typography: DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]
+  }, forwardedProps), children);
+});
+Heading.displayName = COMPONENT_NAME;
+Heading.className = CLASSNAME;
+Heading.defaultProps = DEFAULT_PROPS;
+
+/**
+ * Provide a new heading level context.
+ */
+const HeadingLevelProvider = _ref => {
+  let {
+    children,
+    level
+  } = _ref;
+  const {
+    level: contextLevel
+  } = useHeadingLevel();
+  const incrementedLevel = level || contextLevel + 1;
+  /** Don't allow a level beyond the maximum level. */
+  const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;
+  const headingElement = `h${nextLevel}`;
+  return /*#__PURE__*/React__default.createElement(HeadingLevelContext.Provider, {
+    value: {
+      level: nextLevel,
+      headingElement
+    }
+  }, children);
+};
+
+export { Heading, HeadingLevelProvider, useHeadingLevel };
+//# sourceMappingURL=index.ts-0179e9a9.js.map

package/_internal/components/heading/index.ts-0179e9a9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-0179e9a9.js","sources":["../../../../src/components/heading/constants.ts","../../../../src/components/heading/context.tsx","../../../../src/components/heading/useHeadingLevel.tsx","../../../../src/components/heading/Heading.tsx","../../../../src/components/heading/HeadingLevelProvider.tsx"],"sourcesContent":["import { Typography } from '..';\n\n/** The maximum authorized heading level. */\nexport const MAX_HEADING_LEVEL = 6;\n\n/**\n * Typography to use by default depending on the heading level.\n */\nexport const DEFAULT_TYPOGRAPHY_BY_LEVEL = {\n    h1: Typography.display1,\n    h2: Typography.headline,\n    h3: Typography.title,\n    h4: Typography.subtitle2,\n    h5: Typography.subtitle1,\n    h6: Typography.body2,\n};\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport { createContext } from 'react';\n\ninterface HeadingLevelContext {\n    /** The current level */\n    level: number;\n    /** The heading element matching the current level */\n    headingElement: HeadingElement;\n}\n\nconst defaultContext: HeadingLevelContext = { level: 1, headingElement: 'h1' };\n\nexport const HeadingLevelContext = createContext<HeadingLevelContext>(defaultContext);\n","import React from 'react';\nimport { HeadingLevelContext } from './context';\n\nexport const useHeadingLevel = () => {\n    const { level = 1, headingElement = 'h1' } = React.useContext(HeadingLevelContext);\n\n    return { level, headingElement };\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { HeadingElement } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { Text, TextProps } from '../text';\nimport { DEFAULT_TYPOGRAPHY_BY_LEVEL } from './constants';\nimport { useHeadingLevel } from './useHeadingLevel';\n\n/**\n * Defines the props of the component.\n */\nexport interface HeadingProps extends Partial<TextProps> {\n    /**\n     * Display a specific heading level instead of the one provided by parent context provider.\n     */\n    as?: HeadingElement;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Heading';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS = {} as const;\n\n/**\n * Renders a heading component.\n * Extends the `Text` Component with the heading level automatically computed based on\n * the current level provided by the context.\n */\nexport const Heading = forwardRef<HeadingProps>((props, ref) => {\n    const { children, as, className, ...forwardedProps } = props;\n    const { headingElement } = useHeadingLevel();\n\n    const computedHeadingElement = as || headingElement;\n    return (\n        <Text\n            ref={ref}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n            as={computedHeadingElement}\n            typography={DEFAULT_TYPOGRAPHY_BY_LEVEL[computedHeadingElement]}\n            {...forwardedProps}\n        >\n            {children}\n        </Text>\n    );\n});\n\nHeading.displayName = COMPONENT_NAME;\nHeading.className = CLASSNAME;\nHeading.defaultProps = DEFAULT_PROPS;\n","import { HeadingElement } from '@lumx/react/utils/type';\nimport React, { ReactNode } from 'react';\nimport { MAX_HEADING_LEVEL } from './constants';\nimport { HeadingLevelContext } from './context';\nimport { useHeadingLevel } from './useHeadingLevel';\n\nexport interface HeadingLevelProviderProps {\n    /** The heading level to start at. If left undefined, the parent context will be used, if any. */\n    level?: number;\n    /** The children to display */\n    children: ReactNode;\n}\n\n/**\n * Provide a new heading level context.\n */\nexport const HeadingLevelProvider: React.FC<HeadingLevelProviderProps> = ({ children, level }) => {\n    const { level: contextLevel } = useHeadingLevel();\n\n    const incrementedLevel = level || contextLevel + 1;\n    /** Don't allow a level beyond the maximum level. */\n    const nextLevel = incrementedLevel > MAX_HEADING_LEVEL ? MAX_HEADING_LEVEL : incrementedLevel;\n    const headingElement = `h${nextLevel}` as HeadingElement;\n\n    return (\n        <HeadingLevelContext.Provider value={{ level: nextLevel, headingElement }}>\n            {children}\n        </HeadingLevelContext.Provider>\n    );\n};\n"],"names":["MAX_HEADING_LEVEL","DEFAULT_TYPOGRAPHY_BY_LEVEL","h1","Typography","display1","h2","headline","h3","title","h4","subtitle2","h5","subtitle1","h6","body2","defaultContext","level","headingElement","HeadingLevelContext","createContext","useHeadingLevel","React","useContext","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Heading","forwardRef","props","ref","children","as","className","forwardedProps","_objectWithoutProperties","_excluded","computedHeadingElement","createElement","Text","_extends","classNames","handleBasicClasses","prefix","typography","displayName","defaultProps","HeadingLevelProvider","_ref","contextLevel","incrementedLevel","nextLevel","Provider","value"],"mappings":"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"}

package/_internal/components/heading/index.ts-587579e8.d.ts

@@ -0,0 +1,37 @@
+import { m as HeadingElement, C as Comp } from '../../8d67e1e3.js';
+import { TextProps } from '../text/index.ts-8a812048.js';
+import React, { ReactNode } from 'react';
+
+/**
+ * Defines the props of the component.
+ */
+interface HeadingProps extends Partial<TextProps> {
+    /**
+     * Display a specific heading level instead of the one provided by parent context provider.
+     */
+    as?: HeadingElement;
+}
+/**
+ * Renders a heading component.
+ * Extends the `Text` Component with the heading level automatically computed based on
+ * the current level provided by the context.
+ */
+declare const Heading: Comp<HeadingProps, HTMLElement>;
+
+interface HeadingLevelProviderProps {
+    /** The heading level to start at. If left undefined, the parent context will be used, if any. */
+    level?: number;
+    /** The children to display */
+    children: ReactNode;
+}
+/**
+ * Provide a new heading level context.
+ */
+declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
+
+declare const useHeadingLevel: () => {
+    level: number;
+    headingElement: HeadingElement;
+};
+
+export { Heading, HeadingLevelProvider, type HeadingLevelProviderProps, type HeadingProps, useHeadingLevel };

package/_internal/components/icon/index.ts-740ca1de.js

@@ -0,0 +1,2 @@
+export { I as Icon } from '../../c6c99f76.js';
+//# sourceMappingURL=index.ts-740ca1de.js.map

package/_internal/components/icon/index.ts-740ca1de.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-740ca1de.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/_internal/components/icon/index.ts-b3fa5e15.d.ts

@@ -0,0 +1,34 @@
+import { S as Size, G as GenericProps, H as HasTheme, a as ColorPalette, f as ColorVariant, C as Comp } from '../../8d67e1e3.js';
+import 'react';
+
+type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
+/**
+ * Defines the props of the component.
+ */
+interface IconProps extends GenericProps, HasTheme {
+    /** Color variant. */
+    color?: ColorPalette;
+    /** Lightened or darkened variant of the selected icon color. */
+    colorVariant?: ColorVariant;
+    /** Whether the icon has a shape. */
+    hasShape?: boolean;
+    /**
+     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).
+     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
+     */
+    icon: string;
+    /** Size variant. */
+    size?: IconSizes;
+    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */
+    alt?: string;
+}
+/**
+ * Icon component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const Icon: Comp<IconProps, HTMLElement>;
+
+export { Icon, type IconProps, type IconSizes };

package/_internal/components/image-block/index.ts-36b3828f.d.ts

@@ -0,0 +1,49 @@
+import { V as ValueOf, S as Size, G as GenericProps, H as HasTheme, d as HorizontalAlignment, C as Comp } from '../../8d67e1e3.js';
+import { ReactNode } from 'react';
+import { T as ThumbnailProps } from '../../35f100be.js';
+import { I as ImageCaptionMetadata } from '../../6cc8dca8.js';
+import '../text/index.ts-8a812048.js';
+
+/**
+ * Image block variants.
+ */
+declare const ImageBlockCaptionPosition: {
+    readonly below: "below";
+    readonly over: "over";
+};
+type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;
+/**
+ *  Image block sizes.
+ */
+type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;
+/**
+ * Defines the props of the component.
+ */
+interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {
+    /** Action toolbar content. */
+    actions?: ReactNode;
+    /** Alignment. */
+    align?: HorizontalAlignment;
+    /** Image alternative text. */
+    alt: string;
+    /** Caption position. */
+    captionPosition?: ImageBlockCaptionPosition;
+    /** Whether the image has to fill its container height or not. */
+    fillHeight?: boolean;
+    /** Image URL. */
+    image: string;
+    /** Size variant. */
+    size?: ImageBlockSize;
+    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */
+    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;
+}
+/**
+ * ImageBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+declare const ImageBlock: Comp<ImageBlockProps, HTMLDivElement>;
+
+export { ImageBlock, ImageBlockCaptionPosition, type ImageBlockProps, type ImageBlockSize };

package/_internal/components/image-block/index.ts-ef5e2e7d.js

@@ -0,0 +1,111 @@
+import { h as getRootClassName, A as Alignment, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
+import React__default from 'react';
+import { u as useTheme } from '../../3181f000.js';
+import { I as ImageCaption } from '../../524b1d04.js';
+import { h as handleBasicClasses } from '../../f57e1239.js';
+import { T as Thumbnail } from '../../4c28d012.js';
+
+const _excluded = ["actions", "align", "alt", "captionPosition", "captionStyle", "className", "description", "descriptionProps", "fillHeight", "image", "size", "tags", "theme", "thumbnailProps", "title", "titleProps"];
+
+/**
+ * Image block variants.
+ */
+const ImageBlockCaptionPosition = {
+  below: 'below',
+  over: 'over'
+};
+
+/**
+ *  Image block sizes.
+ */
+
+/**
+ * Defines the props of the component.
+ */
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ImageBlock';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  captionPosition: ImageBlockCaptionPosition.below,
+  align: Alignment.left
+};
+
+/**
+ * ImageBlock component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const ImageBlock = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+      actions,
+      align,
+      alt,
+      captionPosition,
+      captionStyle,
+      className,
+      description,
+      descriptionProps,
+      fillHeight,
+      image,
+      size,
+      tags,
+      theme = defaultTheme,
+      thumbnailProps,
+      title,
+      titleProps
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement("figure", _extends({
+    ref: ref
+  }, forwardedProps, {
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      captionPosition,
+      align,
+      size,
+      theme
+    }), fillHeight && `${CLASSNAME}--fill-height`)
+  }), /*#__PURE__*/React__default.createElement(Thumbnail, _extends({}, thumbnailProps, {
+    className: classNames(`${CLASSNAME}__image`, thumbnailProps === null || thumbnailProps === void 0 ? void 0 : thumbnailProps.className),
+    fillHeight: fillHeight,
+    align: align,
+    image: image,
+    size: size,
+    theme: theme,
+    alt: alt || title
+  })), /*#__PURE__*/React__default.createElement(ImageCaption, {
+    as: "figcaption",
+    baseClassName: CLASSNAME,
+    theme: theme,
+    title: title,
+    titleProps: titleProps,
+    description: description,
+    descriptionProps: descriptionProps,
+    tags: tags,
+    captionStyle: captionStyle,
+    align: align,
+    truncate: captionPosition === 'over'
+  }), actions && /*#__PURE__*/React__default.createElement("div", {
+    className: `${CLASSNAME}__actions`
+  }, actions));
+});
+ImageBlock.displayName = COMPONENT_NAME;
+ImageBlock.className = CLASSNAME;
+ImageBlock.defaultProps = DEFAULT_PROPS;
+
+export { ImageBlock, ImageBlockCaptionPosition };
+//# sourceMappingURL=index.ts-ef5e2e7d.js.map

package/_internal/components/image-block/index.ts-ef5e2e7d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ts-ef5e2e7d.js","sources":["../../../../src/components/image-block/ImageBlock.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Alignment, HorizontalAlignment, Size, Theme, Thumbnail } from '@lumx/react';\n\nimport { GenericProps, HasTheme, ValueOf } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { ThumbnailProps } from '../thumbnail/Thumbnail';\nimport { ImageCaption, ImageCaptionMetadata } from './ImageCaption';\n\n/**\n * Image block variants.\n */\nexport const ImageBlockCaptionPosition = {\n    below: 'below',\n    over: 'over',\n} as const;\nexport type ImageBlockCaptionPosition = ValueOf<typeof ImageBlockCaptionPosition>;\n\n/**\n *  Image block sizes.\n */\nexport type ImageBlockSize = Extract<Size, 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface ImageBlockProps extends GenericProps, HasTheme, ImageCaptionMetadata {\n    /** Action toolbar content. */\n    actions?: ReactNode;\n    /** Alignment. */\n    align?: HorizontalAlignment;\n    /** Image alternative text. */\n    alt: string;\n    /** Caption position. */\n    captionPosition?: ImageBlockCaptionPosition;\n    /** Whether the image has to fill its container height or not. */\n    fillHeight?: boolean;\n    /** Image URL. */\n    image: string;\n    /** Size variant. */\n    size?: ImageBlockSize;\n    /** Props to pass to the thumbnail (minus those already set by the ImageBlock props). */\n    thumbnailProps?: Omit<ThumbnailProps, 'image' | 'size' | 'theme' | 'align' | 'fillHeight'>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ImageBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ImageBlockProps> = {\n    captionPosition: ImageBlockCaptionPosition.below,\n    align: Alignment.left,\n};\n\n/**\n * ImageBlock component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ImageBlock = forwardRef<ImageBlockProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        actions,\n        align,\n        alt,\n        captionPosition,\n        captionStyle,\n        className,\n        description,\n        descriptionProps,\n        fillHeight,\n        image,\n        size,\n        tags,\n        theme = defaultTheme,\n        thumbnailProps,\n        title,\n        titleProps,\n        ...forwardedProps\n    } = props;\n    return (\n        <figure\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    captionPosition,\n                    align,\n                    size,\n                    theme,\n                }),\n                fillHeight && `${CLASSNAME}--fill-height`,\n            )}\n        >\n            <Thumbnail\n                {...thumbnailProps}\n                className={classNames(`${CLASSNAME}__image`, thumbnailProps?.className)}\n                fillHeight={fillHeight}\n                align={align}\n                image={image}\n                size={size}\n                theme={theme}\n                alt={(alt || title) as string}\n            />\n            <ImageCaption\n                as=\"figcaption\"\n                baseClassName={CLASSNAME}\n                theme={theme}\n                title={title}\n                titleProps={titleProps}\n                description={description}\n                descriptionProps={descriptionProps}\n                tags={tags}\n                captionStyle={captionStyle}\n                align={align}\n                truncate={captionPosition === 'over'}\n            />\n            {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n        </figure>\n    );\n});\nImageBlock.displayName = COMPONENT_NAME;\nImageBlock.className = CLASSNAME;\nImageBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["ImageBlockCaptionPosition","below","over","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","captionPosition","align","Alignment","left","ImageBlock","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","actions","alt","captionStyle","className","description","descriptionProps","fillHeight","image","size","tags","theme","thumbnailProps","title","titleProps","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","_extends","classNames","handleBasicClasses","prefix","Thumbnail","ImageCaption","as","baseClassName","truncate","displayName","defaultProps"],"mappings":";;;;;;;;;AAcA;AACA;AACA;AACO,MAAMA,yBAAyB,GAAG;AACrCC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,MAAA;AACV,EAAU;;AAGV;AACA;AACA;;AAGA;AACA;AACA;;AAoBA;AACA;AACA;AACA,MAAMC,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG;EAC5CC,eAAe,EAAEP,yBAAyB,CAACC,KAAK;EAChDO,KAAK,EAAEC,SAAS,CAACC,IAAAA;AACrB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;MACFC,OAAO;MACPX,KAAK;MACLY,GAAG;MACHb,eAAe;MACfc,YAAY;MACZC,SAAS;MACTC,WAAW;MACXC,gBAAgB;MAChBC,UAAU;MACVC,KAAK;MACLC,IAAI;MACJC,IAAI;AACJC,MAAAA,KAAK,GAAGd,YAAY;MACpBe,cAAc;MACdC,KAAK;AACLC,MAAAA,UAAAA;AAEJ,KAAC,GAAGnB,KAAK;AADFoB,IAAAA,cAAc,GAAAC,wBAAA,CACjBrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AACT,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACIxB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,EACLmB,cAAc,EAAA;AAClBX,IAAAA,SAAS,EAAEiB,UAAU,CACjBjB,SAAS,EACTkB,kBAAkB,CAAC;AACfC,MAAAA,MAAM,EAAErC,SAAS;MACjBG,eAAe;MACfC,KAAK;MACLmB,IAAI;AACJE,MAAAA,KAAAA;AACJ,KAAC,CAAC,EACFJ,UAAU,IAAK,CAAA,EAAErB,SAAU,CAC/B,aAAA,CAAA,CAAA;GAEAgC,CAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACK,SAAS,EAAAJ,QAAA,KACFR,cAAc,EAAA;AAClBR,IAAAA,SAAS,EAAEiB,UAAU,CAAE,CAAA,EAAEnC,SAAU,CAAQ,OAAA,CAAA,EAAE0B,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAER,SAAS,CAAE;AACxEG,IAAAA,UAAU,EAAEA,UAAW;AACvBjB,IAAAA,KAAK,EAAEA,KAAM;AACbkB,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,KAAK,EAAEA,KAAM;IACbT,GAAG,EAAGA,GAAG,IAAIW,KAAAA;AAAiB,GAAA,CACjC,CAAC,eACFK,cAAA,CAAAC,aAAA,CAACM,YAAY,EAAA;AACTC,IAAAA,EAAE,EAAC,YAAY;AACfC,IAAAA,aAAa,EAAEzC,SAAU;AACzByB,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,UAAU,EAAEA,UAAW;AACvBT,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCI,IAAAA,IAAI,EAAEA,IAAK;AACXP,IAAAA,YAAY,EAAEA,YAAa;AAC3Bb,IAAAA,KAAK,EAAEA,KAAM;IACbsC,QAAQ,EAAEvC,eAAe,KAAK,MAAA;AAAO,GACxC,CAAC,EACDY,OAAO,iBAAIiB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKf,SAAS,EAAG,GAAElB,SAAU,CAAA,SAAA,CAAA;GAAae,EAAAA,OAAa,CAC/D,CAAC,CAAA;AAEjB,CAAC,EAAC;AACFR,UAAU,CAACoC,WAAW,GAAG5C,cAAc,CAAA;AACvCQ,UAAU,CAACW,SAAS,GAAGlB,SAAS,CAAA;AAChCO,UAAU,CAACqC,YAAY,GAAG1C,aAAa;;;;"}