@entur/modal 1.7.73-beta.8 → 1.7.73

package/dist/index.d.ts

@@ -1,5 +1,189 @@
-import './index.scss';
-export * from './Modal';
-export * from './ModalOverlay';
-export * from './ModalContent';
-export * from './Drawer';
+import { default as default_2 } from 'react';
+
+declare type AsProp<C extends default_2.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+
+declare const defaultElement_4 = "h2";
+
+declare const defaultElement_5 = "h3";
+
+declare const defaultElement_6 = "h4";
+
+export declare const Drawer: default_2.FC<DrawerProps>;
+
+export declare type DrawerProps = {
+    /** Innholdet. Typisk tekst, lenker eller knapper */
+    children: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Tekst som beskriver lukkeknappen for skjermlesere
+     * @default 'Lukk skuff'
+     */
+    closeLabel?: string;
+    /** Om draweren skal vises i mørk variant
+     * @default false
+     */
+    contrast?: boolean;
+    /** Callback som kalles når brukeren ønsker å lukke draweren */
+    onDismiss: () => void;
+    /** Om draweren er åpen eller ikke
+     * @default true
+     */
+    open?: boolean;
+    /** Tittel på toppen av draweren */
+    title: string;
+    /** Styling som sendes til Drawer */
+    style?: default_2.CSSProperties;
+    /** Legger på et overlay over resten av siden */
+    overlay?: boolean;
+};
+
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+declare type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+
+declare type Heading2OwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "h2"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: default_2.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+
+declare type Heading2Props<T extends default_2.ElementType = typeof defaultElement_4> = PolymorphicComponentProps<T, Heading2OwnProps>;
+
+declare type Heading3OwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "h3"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: default_2.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+
+declare type Heading3Props<T extends default_2.ElementType = typeof defaultElement_5> = PolymorphicComponentProps<T, Heading3OwnProps>;
+
+declare type Heading4OwnProps = {
+    /** HTML-elementet eller React-komponenten som rendres
+     * @default "h4"
+     */
+    as?: string | default_2.ElementType;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Innholdet */
+    children: default_2.ReactNode;
+    /** Hvor du vil ha marginer
+     * @default "both"
+     */
+    margin?: 'top' | 'bottom' | 'both' | 'none';
+};
+
+declare type Heading4Props<T extends default_2.ElementType = typeof defaultElement_6> = PolymorphicComponentProps<T, Heading4OwnProps>;
+
+export declare const headingsMap: {
+    extraSmall: <E extends default_2.ElementType = "h4">({ margin, children, as, ...rest }: Heading4Props<E>) => JSX.Element;
+    small: <E extends default_2.ElementType = "h3">({ margin, children, as, ...rest }: Heading3Props<E>) => JSX.Element;
+    medium: <E extends default_2.ElementType = "h2">({ margin, children, as, ...rest }: Heading2Props<E>) => JSX.Element;
+    large: <E extends default_2.ElementType = "h2">({ margin, children, as, ...rest }: Heading2Props<E>) => JSX.Element;
+    extraLarge: <E extends default_2.ElementType = "h2">({ margin, children, as, ...rest }: Heading2Props<E>) => JSX.Element;
+};
+
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+declare type InheritableElementProps<C extends default_2.ElementType, Props = Record<string, unknown>> = ExtendableProps<PropsOf<C>, Props>;
+
+export declare const Modal: default_2.FC<ModalProps>;
+
+export declare const ModalContent: default_2.FC<ModalContentProps>;
+
+export declare type ModalContentProps = {
+    /** Innholdet i modalen */
+    children: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Størrelsen på modalen */
+    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Tittelen som vises i modalen */
+    title?: default_2.ReactNode;
+    /** Hvordan innholdet skal plasseres i modalen
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    [key: string]: any;
+};
+
+export declare const ModalOverlay: default_2.FC<ModalOverlayProps>;
+
+export declare type ModalOverlayProps = {
+    /** Flagg som sier om modalen er åpen */
+    open?: boolean;
+    /** Callback som kalles når brukeren ber om å lukke modalen */
+    onDismiss?: () => void;
+    /** Innholdet i modalen */
+    children: default_2.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
+    initialFocusRef?: default_2.RefObject<HTMLElement>;
+    [key: string]: any;
+};
+
+export declare type ModalProps = {
+    /** Innholdet i modalen */
+    children: default_2.ReactNode;
+    /** Skjermleser-label til lukk-knappen */
+    closeLabel?: string;
+    /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */
+    initialFocusRef?: default_2.RefObject<HTMLElement>;
+    /** Flagg som sier om modalen er åpen */
+    open?: boolean;
+    /** Callback som kalles når brukeren ber om å lukke modalen */
+    onDismiss?: () => void;
+    /** Størrelsen på modalen */
+    size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+    /** Hvordan innholdet skal plasseres i modalen
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /** Tittelen som vises i modalen */
+    title?: default_2.ReactNode;
+    /** Om modalen skal lukkes når man klikker på utsiden av den
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    [key: string]: any;
+};
+
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+declare type PolymorphicComponentProps<C extends default_2.ElementType, Props = Record<string, unknown>> = InheritableElementProps<C, Props & AsProp<C>>;
+
+declare type PropsOf<C extends keyof JSX.IntrinsicElements | default_2.JSXElementConstructor<any>> = JSX.LibraryManagedAttributes<C, default_2.ComponentPropsWithoutRef<C>>;
+
+export { }

package/dist/modal.cjs.js

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@entur/utils");
+const jsxRuntime = require("react/jsx-runtime");
+const icons = require("@entur/icons");
+const button = require("@entur/button");
+const typography = require("@entur/typography");
+const classNames = require("classnames");
+const dialog = require("@reach/dialog");
+const React = require("react");
+const reactFocusLock = require("react-focus-lock");
+const layout = require("@entur/layout");
+const ModalOverlay = ({
+  className,
+  open,
+  ...rest
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  dialog.DialogOverlay,
+  {
+    className: classNames("eds-modal__overlay", className),
+    isOpen: open,
+    ...rest
+  }
+);
+const headingsMap = {
+  extraSmall: typography.Heading4,
+  small: typography.Heading3,
+  medium: typography.Heading2,
+  large: typography.Heading2,
+  extraLarge: typography.Heading2
+};
+const ModalContent = ({
+  children,
+  className,
+  size,
+  title,
+  align = "start",
+  ...rest
+}) => {
+  const Heading = headingsMap[size] || typography.Heading2;
+  const randomId = utils.useRandomId("eds-modal");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    dialog.DialogContent,
+    {
+      className: classNames(
+        "eds-modal__content",
+        `eds-modal__content--size-${size}`,
+        `eds-modal__content--align-${align}`,
+        className
+      ),
+      "aria-labelledby": randomId,
+      ...rest,
+      children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(Heading, { margin: "bottom", as: "h2", id: randomId, children: title }),
+        children
+      ]
+    }
+  );
+};
+const Modal = ({
+  children,
+  closeLabel = "Lukk",
+  initialFocusRef,
+  open,
+  onDismiss,
+  size,
+  align = "start",
+  title,
+  closeOnClickOutside = true,
+  ...rest
+}) => {
+  const randomId = utils.useRandomId("eds-modal");
+  const Heading = headingsMap[size] || typography.Heading2;
+  const showCloseButton = ["medium", "large", "extraLarge"].includes(size);
+  let handleOnDismiss;
+  if (onDismiss && closeOnClickOutside) {
+    handleOnDismiss = onDismiss;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ModalOverlay,
+    {
+      open,
+      onDismiss: handleOnDismiss,
+      initialFocusRef,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ModalContent, { size, align, ...rest, children: [
+        showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
+          button.IconButton,
+          {
+            className: "eds-modal__close",
+            "aria-label": closeLabel,
+            onClick: onDismiss,
+            type: "button",
+            children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, {})
+          }
+        ),
+        title && /* @__PURE__ */ jsxRuntime.jsx(Heading, { margin: "bottom", as: "h2", id: randomId, children: title }),
+        children
+      ] })
+    }
+  );
+};
+const Drawer = ({
+  children,
+  className,
+  closeLabel = "Lukk skuff",
+  contrast = false,
+  open = true,
+  onDismiss,
+  title,
+  style,
+  overlay = false
+}) => {
+  const titleId = utils.useRandomId("eds-drawer");
+  if (!open) {
+    return null;
+  }
+  const handleKeyDown = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      onDismiss();
+    }
+  };
+  const Wrapper = contrast ? layout.Contrast : React.Fragment;
+  const ContentContainer = overlay ? dialog.DialogContent : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ConditionalWrapper,
+    {
+      condition: overlay,
+      wrapper: (children2) => /* @__PURE__ */ jsxRuntime.jsx(ModalOverlay, { open, onDismiss, children: children2 }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        ContentContainer,
+        {
+          "aria-labelledby": titleId,
+          className: classNames("eds-drawer", className),
+          onKeyDown: handleKeyDown,
+          style,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(reactFocusLock.MoveFocusInside, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              button.IconButton,
+              {
+                className: "eds-drawer__close-button",
+                onClick: onDismiss,
+                type: "button",
+                "aria-label": closeLabel,
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "eds-drawer__content", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(typography.Heading3, { as: "h2", id: titleId, children: title }),
+              children
+            ] })
+          ] })
+        }
+      ) })
+    }
+  );
+};
+const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
+utils.warnAboutMissingStyles("modal", "icons", "typography", "a11y", "button");
+exports.Drawer = Drawer;
+exports.Modal = Modal;
+exports.ModalContent = ModalContent;
+exports.ModalOverlay = ModalOverlay;
+exports.headingsMap = headingsMap;
+//# sourceMappingURL=modal.cjs.js.map

package/dist/modal.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.cjs.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n            type=\"button\"\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n              aria-label={closeLabel}\n            >\n              <CloseIcon aria-hidden />\n            </IconButton>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["jsx","DialogOverlay","Heading4","Heading3","Heading2","useRandomId","jsxs","DialogContent","IconButton","CloseIcon","Contrast","children","MoveFocusInside","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAACC,OAAAA;AAAAA,EAAA;AAAA,IACC,WAAW,WAAW,sBAAsB,SAAS;AAAA,IACrD,QAAQ;AAAA,IACP,GAAG;AAAA,EAAA;AACN;ACLK,MAAM,cAAc;AAAA,EACzB,YAAYC,WAAAA;AAAAA,EACZ,OAAOC,WAAAA;AAAAA,EACP,QAAQC,WAAAA;AAAAA,EACR,OAAOA,WAAAA;AAAAA,EACP,YAAYA,WAAAA;AACd;AAEO,MAAM,eAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAM;AACJ,QAAM,UAA6B,YAAY,IAAI,KAAKA,WAAAA;AACxD,QAAM,WAAWC,MAAAA,YAAY,WAAW;AACxC,SACEC,2BAAAA;AAAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,4BAA4B,IAAI;AAAA,QAChC,6BAA6B,KAAK;AAAA,QAClC;AAAA,MAAA;AAAA,MAEF,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,SACCP,2BAAAA,IAAC,WAAQ,QAAO,UAAS,IAAG,MAAK,IAAI,UAClC,UAAA,MAAA,CACH;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;ACrBO,MAAM,QAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,EACtB,GAAG;AACL,MAAM;AACJ,QAAM,WAAWK,MAAAA,YAAY,WAAW;AACxC,QAAM,UAA6B,YAAY,IAAI,KAAKD,WAAAA;AACxD,QAAM,kBAAkB,CAAC,UAAU,SAAS,YAAY,EAAE,SAAS,IAAI;AAEvE,MAAI;AACJ,MAAI,aAAa,qBAAqB;AACpC,sBAAkB;AAAA,EACpB;AACA,SACEJ,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MAEA,UAAAM,2BAAAA,KAAC,cAAA,EAAa,MAAY,OAAe,GAAG,MACzC,UAAA;AAAA,QAAA,mBACCN,2BAAAA;AAAAA,UAACQ,OAAAA;AAAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,SAAS;AAAA,YACT,MAAK;AAAA,YAEL,yCAACC,MAAAA,WAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd,wCACE,SAAA,EAAQ,QAAO,UAAS,IAAG,MAAK,IAAI,UAClC,UAAA,MAAA,CACH;AAAA,QAED;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AC5CO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MAAM;AACJ,QAAM,UAAUJ,MAAAA,YAAY,YAAY;AAExC,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,MAA2B;AAChD,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,gBAAA;AACF,gBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,WAAWK,OAAAA,WAAW,MAAM;AAC5C,QAAM,mBAAmB,UAAUH,OAAAA,gBAAgB;AACnD,SACEP,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS,CAACW,cACRX,2BAAAA,IAAC,gBAAa,MAAY,WACvB,UAAAW,WACH;AAAA,MAGF,yCAAC,SAAA,EACC,UAAAX,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,mBAAiB;AAAA,UACjB,WAAW,WAAW,cAAc,SAAS;AAAA,UAC7C,WAAW;AAAA,UACX;AAAA,UAEA,0CAACY,gCAAA,EACC,UAAA;AAAA,YAAAZ,2BAAAA;AAAAA,cAACQ,OAAAA;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,cAAY;AAAA,gBAEZ,UAAAR,2BAAAA,IAACS,MAAAA,WAAA,EAAU,eAAW,KAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzBH,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,cAAAN,+BAACG,WAAAA,UAAA,EAAS,IAAG,MAAK,IAAI,SACnB,UAAA,OACH;AAAA,cACC;AAAA,YAAA,EAAA,CACH;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,MAAM,qBAID,CAAC,EAAE,WAAW,SAAS,eAC1B,YAAY,QAAQ,QAAQ,IAAI;AC1GlCU,MAAAA,uBAAuB,SAAS,SAAS,cAAc,QAAQ,QAAQ;;;;;;"}