@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/Details.css

@@ -1,140 +1,136 @@
-@layer starter, reset, base, state, application;
-@layer reset {
-  ._details_1ozth_2 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-  ._summary_1ozth_15 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: flex;
-  }
-  ._content-wrapper_1ozth_28 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: grid;
-  }
-}
-@layer base {
-  ._details_1ozth_2 {
-    flex-direction: column;
-    flex-grow: 1;
-  }
-  ._summary_1ozth_15 {
-    align-items: center;
-    width: 100%;
-    font-family: var(--font-family-display, "Sofia Pro", SofiaPro, sans-serif);
-    font-size: 1rem;
-    font-weight: 700;
-    font-style: normal;
-    line-height: 1.25;
-    padding-block: 0.5rem;
-    padding-inline: 1rem;
-    border-radius: 0.375rem;
-    align-items: center;
-    cursor: pointer;
-    transition: outline 200ms cubic-bezier(0, 0, 0.4, 1);
-    outline-offset: 0.125rem;
-    outline: 0 solid var(--focus-ring-color, #0265DC);
-  }
-  ._summary_1ozth_15 ._arrow_1ozth_64 {
-    display: flex;
-    position: relative;
-    inset-inline-start: 0.0625rem;
-    transition: all 200ms cubic-bezier(0, 0, 0.4, 1);
-  }
-  ._content-wrapper_1ozth_28 {
-    grid-template-rows: 0fr;
-    opacity: 0;
-    visibility: hidden;
-    transition-property: max-height, grid-template-rows, opacity;
-    transition-duration: 200ms;
-    transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
-    transition-behavior: allow-discrete;
-  }
-  ._content_1ozth_28 {
-    all: unset;
-    font-family: var(--font-family-base, "Nunito Sans", sans-serif);
-    font-size: 100%;
-    color: var(--foreground-color, #141414);
-    margin: 0;
-    padding: 0;
-    border-style: none;
-    border-width: 0;
-    border-color: transparent;
-    box-sizing: border-box;
-    display: block;
-    display: block;
-    padding-inline: 1.5rem;
-    overflow: hidden;
-  }
+.anvil2{@layer starter, reset, base, state, application;._details_10ce6_1 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}._summary_10ce6_17 {
+  --a2-internal-details-summary-background-color: var(
+    --a2-mod-details-summary-background-color
+  );
+  --a2-internal-details-summary-foreground-color: var(
+    --a2-mod-details-summary-foreground-color
+  );
+  --a2-mod-details-summary-foreground-color: var(--a2-details-summary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-details-summary-foreground-color-hover: var(--a2-details-summary-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-details-summary-foreground-color-active: var(--a2-details-summary-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-details-summary-background-color: transparent;
+  --a2-mod-details-summary-background-color-active: var(--a2-details-summary-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(rgba(139, 139, 139, 0.1607843137), rgba(255, 255, 255, 0.1607843137))));
+  --a2-mod-details-summary-background-color-hover: var(--a2-details-summary-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(rgba(139, 139, 139, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  --a2-mod-details-summary-focus-ring-color: var(--a2-details-summary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-details-summary-outline-width: 0;
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  background-color: var(--a2-internal-details-summary-background-color);
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  color: var(--a2-internal-details-summary-foreground-color);
+  cursor: pointer;
+  font-family: var(--a2-font-family-display, "Sofia Pro", SofiaPro, sans-serif);
+  font-size: var(--a2-font-size-400, 1rem);
+  font-style: normal;
+  font-weight: var(--a2-font-weight-bold, 700);
+  line-height: 1.25;
+  outline: var(--a2-mod-details-summary-outline-width) solid var(--a2-mod-details-summary-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: var(--a2-size-4, 1rem);
+  transition: outline var(--a2-mod-details-summary-transition-duration, var(--a2-duration-default, 200ms)) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  width: 100%;
+}._summary_10ce6_17[data-interactive=focus-visible], ._summary_10ce6_17:focus-visible {
+  --a2-mod-details-summary-outline-width: var(--a2-size-half, 0.125rem);
+}._summary_10ce6_17[data-interactive=hover], ._summary_10ce6_17:hover {
+  --a2-internal-details-summary-background-color: var(
+    --a2-mod-details-summary-background-color-hover
+  );
+  --a2-internal-details-summary-foreground-color: var(
+    --a2-mod-details-summary-foreground-color-hover
+  );
+}._summary_10ce6_17[data-interactive=active], ._summary_10ce6_17:active {
+  --a2-internal-details-summary-background-color: var(
+    --a2-mod-details-summary-background-color-active
+  );
+  --a2-internal-details-summary-foreground-color: var(
+    --a2-mod-details-summary-foreground-color-active
+  );
+}@media (prefers-reduced-motion: reduce) {
+  ._summary_10ce6_17 {
+    --a2-mod-details-summary-transition-duration: 0.01ms;
+  }
+}._arrow_10ce6_85 {
+  display: flex;
+  inset-inline-start: var(--a2-size-quarter, 0.0625rem);
+  position: relative;
+  transition: all var(--a2-mod-details-arrow-transition-duration, var(--a2-duration-default, 200ms)) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+}@media (prefers-reduced-motion: reduce) {
+  ._arrow_10ce6_85 {
+    --a2-mod-details-arrow-transition-duration: 0.01ms;
+  }
+}._is-expanded_10ce6_97 {
+  transform: rotate(90deg);
+}._content-wrapper_10ce6_101 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition-behavior: allow-discrete;
+  transition-duration: var(--a2-mod-details-content-wrapper-transition-duration, var(--a2-duration-default, 200ms));
+  transition-property: max-height, grid-template-rows, opacity;
+  transition-timing-function: var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
+  visibility: hidden;
+}@media (prefers-reduced-motion: reduce) {
+  ._content-wrapper_10ce6_101 {
+    --a2-mod-details-content-wrapper-transition-duration: 0.01ms;
+  }
+}._content_10ce6_101 {
+  all: unset;
+  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
+  font-size: 100%;
+  color: var(--a2-details-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
+  margin: 0;
+  padding: 0;
+  border-style: none;
+  border-width: 0;
+  border-color: transparent;
+  box-sizing: border-box;
+  display: block;
+  overflow: hidden;
+  padding-block-end: var(--a2-mod-details-content-padding-block-end);
+  padding-inline: var(--a2-size-6, 1.5rem);
+}._expanded_10ce6_144 {
+  --a2-mod-details-content-padding-block-end: var(--a2-size-1, 0.25rem);
+  grid-template-rows: 1fr;
+  max-height: -moz-fit-content;
+  max-height: fit-content;
+  opacity: 1;
+  padding-block-end: var(--a2-size-2, 0.5rem);
+  padding-block-start: var(--a2-size-2, 0.5rem);
+  visibility: visible;
 }
-@layer state {
-  ._summary_1ozth_15[data-interactive=focus-visible], ._summary_1ozth_15:focus-visible {
-    outline-width: 0.125rem;
-  }
-  ._summary_1ozth_15[data-interactive=hover], ._summary_1ozth_15:hover {
-    background-color: var(--overlay-color-hover-on, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._summary_1ozth_15[data-interactive=active], ._summary_1ozth_15:active {
-    background-color: var(--overlay-color-active-on, rgba(20, 20, 20, 0.1607843137));
-  }
-  ._arrow_1ozth_64._is-expanded_1ozth_106 {
-    transform: rotate(90deg);
-  }
-  ._content-wrapper_1ozth_28._expanded_1ozth_109 {
-    visibility: visible;
-    padding-block-start: 0.5rem;
-    padding-block-end: 0.5rem;
-    grid-template-rows: 1fr;
-    max-height: -moz-fit-content;
-    max-height: fit-content;
-    opacity: 1;
-  }
-  ._content-wrapper_1ozth_28._expanded_1ozth_109 ._content_1ozth_28 {
-    padding-block-end: 0.25rem;
-  }
-}
-@layer application {
-  @media (prefers-reduced-motion: reduce) {
-    ._summary_1ozth_15 {
-      transition-duration: 0.01ms !important;
-      transition-property: outline;
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._summary_1ozth_15 ._arrow_1ozth_64 {
-      transition-duration: 0.01ms !important;
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._summary_1ozth_15 ._content-wrapper_1ozth_28 {
-      transition-duration: 0.01ms !important;
-    }
-  }
 }

package/dist/Details.js

@@ -1,2 +1,2 @@
-export { D as Details, D as default } from './Details-CZOIpNP_.js';
+export { D as Details, D as default } from './Details-DYRJcLWL.js';
 //# sourceMappingURL=Details.js.map

package/dist/{Dialog-Cewu2pd_.js → Dialog-DGmF6qx3.js}

@@ -2,45 +2,46 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useRef, useId, useCallback, useLayoutEffect, useMemo } from 'react';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { T as Text } from './Text-WiS8UZkY.js';
-import { u as useDialogContext, D as DialogCancelButton } from './DialogCancelButton-Czz4Wpse.js';
+import { T as Text } from './Text-J5YtSSXY.js';
+import { u as useDialogContext, D as DialogCancelButton } from './DialogCancelButton-CbtQcf2J.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { D as DialogContext } from './DialogContext-DBgtApl9.js';
-import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-C8VOhzaF.js';
+import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-D1Bf9_yP.js';
 import { u as useDrillDownContextState, a as useDialogTransitionStates, b as useKeyboardFocusables, c as useInitialFocus } from './useInitialFocus-BUxEDMEG.js';
-import { a as ToastProvider, b as ToasterPopover, c as ToasterContent } from './Toaster-DYJm06Vb.js';
+import { a as ToastProvider, b as ToasterPopover, c as ToasterContent } from './Toaster-Bq42x6Gx.js';
 import { u as useDialogScrollLock } from './useDialogScrollLock-BW-aVboo.js';
 import { r as registerLayer, u as unregisterLayer, a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
 
-import './Dialog.css';const dialog = "_dialog_n31av_2";
-const container = "_container_n31av_20";
-const content = "_content_n31av_33";
-const header = "_header_n31av_40";
-const footer = "_footer_n31av_60";
-const closing = "_closing_n31av_76";
-const large = "_large_n31av_82";
-const fullscreen = "_fullscreen_n31av_82";
-const xlarge = "_xlarge_n31av_85";
-const sticky = "_sticky_n31av_105";
+import './Dialog.css';const dialog = "_dialog_1ac4h_1";
+const closing = "_closing_1ac4h_32";
+const container = "_container_1ac4h_39";
+const header = "_header_1ac4h_53";
+const title = "_title_1ac4h_64";
+const content = "_content_1ac4h_76";
+const sticky = "_sticky_1ac4h_83";
+const footer = "_footer_1ac4h_90";
+const large = "_large_1ac4h_103";
+const fullscreen = "_fullscreen_1ac4h_103";
+const xlarge = "_xlarge_1ac4h_107";
 const styles = {
+	"open-dialog": "_open-dialog_1ac4h_1",
+	"open-backdrop": "_open-backdrop_1ac4h_1",
+	"close-dialog": "_close-dialog_1ac4h_1",
+	"close-backdrop": "_close-backdrop_1ac4h_1",
 	dialog: dialog,
+	closing: closing,
 	container: container,
-	content: content,
 	header: header,
-	"close-container": "_close-container_n31av_53",
+	title: title,
+	"close-container": "_close-container_1ac4h_68",
+	content: content,
+	sticky: sticky,
 	footer: footer,
-	"open-dialog": "_open-dialog_n31av_1",
-	"open-backdrop": "_open-backdrop_n31av_1",
-	closing: closing,
-	"close-dialog": "_close-dialog_n31av_1",
-	"close-backdrop": "_close-backdrop_n31av_1",
 	large: large,
 	fullscreen: fullscreen,
-	xlarge: xlarge,
-	sticky: sticky,
-	"close-button": "_close-button_n31av_117"
+	xlarge: xlarge
 };
 
 const DialogHeader = forwardRef(
@@ -65,7 +66,7 @@ const DialogHeader = forwardRef(
         ref: useMergeRefs([ref, headerRef]),
         ...rest,
         children: [
-          /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children }),
+          /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", className: styles["title"], children }),
           /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(
             DialogCancelButton,
             {
@@ -400,4 +401,4 @@ const Dialog = Object.assign(
 Dialog.displayName = "Dialog";
 
 export { Dialog as D };
-//# sourceMappingURL=Dialog-Cewu2pd_.js.map
+//# sourceMappingURL=Dialog-DGmF6qx3.js.map

package/dist/Dialog-DGmF6qx3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-DGmF6qx3.js","sources":["../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport cx from \"classnames\";\n\nimport { Text } from \"../Text\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  (props: DialogHeaderProps, ref) => {\n    const { children, className, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Dialog\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const headerClassNames = cx(className, styles[\"header\"]);\n\n    return (\n      <header\n        className={headerClassNames}\n        data-anv=\"dialog-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n        {...rest}\n      >\n        <Text variant=\"headline\" el=\"h1\" className={styles[\"title\"]}>\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DialogCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close dialog\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDialogHeader.displayName = \"DialogHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *   <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef<HTMLElement, DialogFooterProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n\n    const footerClassNames = cx(styles[\"footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={footerClassNames}\n        data-anv=\"dialog-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDialogFooter.displayName = \"DialogFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DialogContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Optional sticky positioning below header\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * // Basic content\n * <Dialog.Content>\n *   <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Dialog.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"dialog-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogContent.displayName = \"DialogContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  KeyboardEvent,\n  useMemo,\n  useLayoutEffect,\n} from \"react\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { DialogContext, DialogContextProps } from \"./internal/DialogContext\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport styles from \"./Dialog.module.scss\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\n\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { useInitialFocus } from \"./internal/useInitialFocus\";\n\n/**\n * Props for the Dialog component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DialogProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * @default false\n     */\n    fullScreen?: boolean;\n    /**\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * @default false\n     */\n    open?: boolean;\n    onClose?: () => void;\n    /**\n     * Callback when clicking outside the dialog\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n    /**\n     * Sets the default DrillDown index when used in an uncontrolled way\n     */\n    defaultDrillDownIndex?: DrillDownContextProps[\"index\"];\n    /**\n     * Callback to pass context to useDrillDown hook\n     */\n    onDrillDownContextChange?: (context: DrillDownContextProps) => void;\n  };\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n *   <Dialog.Header>Confirm Action</Dialog.Header>\n *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n *   <Dialog.Footer>\n *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *     <Button appearance=\"primary\">Confirm</Button>\n *   </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(\n  forwardRef<HTMLDialogElement, DialogProps>(function DialogInner(props, ref) {\n    const {\n      className,\n      open = false,\n      children,\n      onClose,\n      onKeyDown,\n      fullScreen = false,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size,\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n\n    const [hasOpenPopover, setHasOpenPopover] =\n      useState<DialogContextProps[\"hasOpenPopover\"]>(false);\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n      }, [onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    const previousOpenRef = useRef(open);\n\n    useLayoutEffect(() => {\n      if (open && !previousOpenRef.current) {\n        drillDownContextValue.setHostTrigger?.(\n          document.activeElement instanceof HTMLElement\n            ? document.activeElement\n            : null,\n        );\n      }\n    }, [open, drillDownContextValue]);\n\n    useEffect(() => {\n      previousOpenRef.current = open;\n    }, [open]);\n\n    useEffect(() => {\n      if (state === \"closing\") {\n        drillDownContextValue.onHostClose?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    useEffect(() => {\n      if (state === \"closed\") {\n        drillDownContextValue.onHostClosed?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    const drillDownContextProviderValue = useMemo(\n      () => ({\n        ...drillDownContextValue,\n        hostIsInteractive: state !== \"closing\" && state !== \"closed\",\n      }),\n      [drillDownContextValue, state],\n    );\n\n    useLayoutEffect(() => {\n      onDrillDownContextChange?.(drillDownContextProviderValue);\n    }, [drillDownContextProviderValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    // DEPRECATED\n    const initial = useRef(true);\n    useEffect(() => {\n      if (initial.current) {\n        initial.current = false;\n      }\n    }, [id, isOpenOrOpening]);\n\n    const classNames = cx([styles.dialog, drillDownStyles.dialog], className, {\n      [styles[\"closing\"]]: state === \"closing\",\n      [styles[\"fullscreen\"]]: fullScreen,\n      ...(size && { [styles[size]]: true }),\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: true,\n    });\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    useOnClickOutside({\n      onClickOutsideBegin: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClickOutside: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Escape\") {\n        e.preventDefault();\n        if (disableCloseOnEscape) return;\n        if (hasOpenPopover) return;\n        onClose?.();\n        return;\n      }\n\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === focusables?.[0]) {\n          e.preventDefault();\n          (focusables[focusables.length - 1] as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n          e.preventDefault();\n          focusables[0].focus();\n          return;\n        }\n      }\n    };\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"dialog\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={useMergeRefs([ref, elRef])}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={open}>\n          <ToasterPopover>\n            <ToasterContent id=\"dialog-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n\n        <DrillDownContext.Provider value={drillDownContextProviderValue}>\n          <DialogContext.Provider\n            value={{\n              close: () => onClose?.(),\n              ref: elRef,\n              hasOpenPopover,\n              setHasOpenPopover,\n              headerRef,\n              state,\n            }}\n          >\n            <section\n              ref={contentRef}\n              className={styles[\"container\"]}\n              data-open={open}\n            >\n              {children}\n            </section>\n          </DialogContext.Provider>\n        </DrillDownContext.Provider>\n      </dialog>\n    );\n  }),\n  {\n    /**\n     * DialogHeader component for the header section of a Dialog.\n     *\n     * Features:\n     * - Displays dialog title with headline typography\n     * - Includes close button with proper accessibility\n     * - Sticky positioning for long content\n     * - Consistent spacing and styling\n     * - Automatic focus management\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.Header>Confirm Delete</Dialog.Header>\n     */\n    Header: DialogHeader,\n    /**\n     * DialogFooter component for the footer section of a Dialog.\n     *\n     * Features:\n     * - Container for dialog action buttons\n     * - Optional sticky positioning for long content\n     * - Consistent spacing and alignment\n     * - Right-aligned button layout by default\n     * - Flexible content area for custom layouts\n     *\n     * @example\n     * <Dialog.Footer sticky>\n     *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n     *   <Button appearance=\"primary\">Save</Button>\n     * </Dialog.Footer>\n     */\n    Footer: DialogFooter,\n    /**\n     * DialogContent component for the main content area of a Dialog.\n     *\n     * Features:\n     * - Main content container for dialog body\n     * - Flexible height with overflow handling\n     * - Consistent padding and spacing\n     * - Responsive design\n     * - Proper content scrolling for long content\n     *\n     * @example\n     * <Dialog.Content>\n     *   <p>This is the main content of the dialog.</p>\n     * </Dialog.Content>\n     */\n    Content: DialogContent,\n    /**\n     * DialogCancelButton component for cancel/close actions in a Dialog.\n     *\n     * Features:\n     * - Button that automatically closes the dialog when clicked\n     * - Extends all Button component props and functionality\n     * - Proper accessibility with close dialog semantics\n     * - Automatic focus management\n     * - Consistent styling with other dialog elements\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n     */\n    CancelButton: DialogCancelButton,\n  },\n);\nDialog.displayName = \"Dialog\";\nexport const DialogElement = Dialog;\n"],"names":["Close","focusables"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAA0B,GAAA,KAAQ;AACjC,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACzC,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,gBAAA,EAAiB;AACvC,IAAA,MAAM,IAAA,GAAO;AAAA,MACX,QAAA,EAAU,gBAAA,CAAiB,KAAA,CAAM,QAAQ;AAAA,KAC3C;AAEA,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,QAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAA,EAAa,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,EAAA,CAAG,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAC,CAAA;AAEvD,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,gBAAA;AAAA,QACX,UAAA,EAAS,eAAA;AAAA,QACT,kBAAA,EAAkB,UAAA;AAAA,QAClB,GAAA,EAAK,YAAA,CAAa,CAAC,GAAA,EAAK,SAAS,CAAC,CAAA;AAAA,QACjC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,UAAA,EAAW,EAAA,EAAG,MAAK,SAAA,EAAW,MAAA,CAAO,OAAO,CAAA,EACvD,QAAA,EACH,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACvC,QAAA,kBAAA,GAAA;AAAA,YAAC,kBAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,cAChC,IAAA,EAAK,OAAA;AAAA,cACL,UAAA,EAAW,OAAA;AAAA,cACX,YAAA,EAAW,cAAA;AAAA,cACX,IAAA,EAAMA;AAAA;AAAA,WACR,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;AC1CpB,MAAM,YAAA,GAAe,UAAA;AAAA,EAC1B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,SAAS,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEzD,IAAA,MAAM,gBAAA,GAAmB,EAAA,CAAG,MAAA,CAAO,QAAQ,GAAG,SAAA,EAAW;AAAA,MACvD,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG;AAAA,KACrB,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,gBAAA;AAAA,QACX,UAAA,EAAS,eAAA;AAAA,QACT,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;ACPpB,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,SAAS,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AACzD,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,gBAAA,EAAiB;AACvC,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,CAAC,CAAA;AAElD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,gBAAgB,SAAA,EAAW,OAAA;AACjC,MAAA,IAAI,CAAC,MAAA,IAAU,CAAC,aAAA,EAAe;AAE/B,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,eAAA,CAAgB,aAAA,CAAc,gBAAgB,CAAC,CAAA;AAAA,MACjD,CAAA;AAEA,MAAA,YAAA,EAAa;AACb,MAAA,MAAM,cAAA,GAAiB,IAAI,cAAA,CAAe,YAAY,CAAA;AACtD,MAAA,cAAA,CAAe,QAAQ,aAAa,CAAA;AAEpC,MAAA,OAAO,MAAM,eAAe,UAAA,EAAW;AAAA,IACzC,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAS,CAAC,CAAA;AAEtB,IAAA,MAAM,iBAAA,GAAoB,EAAA,CAAG,MAAA,CAAO,SAAS,GAAG,SAAA,EAAW;AAAA,MACzD,CAAC,MAAA,CAAO,QAAQ,CAAC,GAAG;AAAA,KACrB,CAAA;AAED,IAAA,MAAM,cAAc,MAAA,GAAS,EAAE,KAAK,CAAA,EAAG,YAAY,MAAK,GAAI,MAAA;AAE5D,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,iBAAA;AAAA,QACX,UAAA,EAAS,gBAAA;AAAA,QACT,GAAA;AAAA,QACA,OAAO,EAAE,GAAG,WAAA,EAAa,GAAG,KAAK,KAAA,EAAM;AAAA,QACtC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;AC+BrB,MAAM,SAAS,MAAA,CAAO,MAAA;AAAA,EAC3B,UAAA,CAA2C,SAAS,WAAA,CAAY,KAAA,EAAO,GAAA,EAAK;AAC1E,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,IAAA,GAAO,KAAA;AAAA,MACP,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA,GAAa,KAAA;AAAA,MACb,oBAAA,GAAuB,KAAA;AAAA,MACvB,cAAA;AAAA,MACA,0BAAA,GAA6B,KAAA;AAAA,MAC7B,IAAA;AAAA,MACA,oBAAA;AAAA,MACA,oBAAA;AAAA,MACA,uBAAA;AAAA,MACA,qBAAA;AAAA,MACA,wBAAA;AAAA,MACA,oBAAA;AAAA,MACA,qBAAA;AAAA,MACA,wBAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,KAAA,GAAQ,OAA0B,IAAI,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,IAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,IAAA,MAAM,SAAA,GAAY,OAAoB,IAAI,CAAA;AAE1C,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GACtC,SAA+C,KAAK,CAAA;AAEtD,IAAA,MAAM,wBAAwB,wBAAA,CAAyB;AAAA,MACrD;AAAA,KACD,CAAA;AAED,IAAA,MAAM,KAAK,KAAA,EAAM;AAEjB,IAAA,MAAM,EAAE,KAAA,EAAO,eAAA,EAAgB,GAAI,yBAAA,CAA0B,OAAO,IAAA,EAAM;AAAA,MACxE,oBAAA,EAAsB,YAAY,MAAM;AACtC,QAAA,oBAAA,IAAuB;AAAA,MACzB,CAAA,EAAG,CAAC,oBAAoB,CAAC,CAAA;AAAA,MACzB,uBAAA,EAAyB,YAAY,MAAM;AACzC,QAAA,uBAAA,IAA0B;AAAA,MAC5B,CAAA,EAAG,CAAC,uBAAuB,CAAC,CAAA;AAAA,MAC5B,qBAAA,EAAuB,YAAY,MAAM;AACvC,QAAA,qBAAA,IAAwB;AAAA,MAC1B,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAAA,MAC1B,wBAAA,EAA0B,YAAY,MAAM;AAC1C,QAAA,wBAAA,IAA2B;AAAA,MAC7B,CAAA,EAAG,CAAC,wBAAwB,CAAC;AAAA,KAC9B,CAAA;AAED,IAAA,MAAM,eAAA,GAAkB,OAAO,IAAI,CAAA;AAEnC,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,IAAI,IAAA,IAAQ,CAAC,eAAA,CAAgB,OAAA,EAAS;AACpC,QAAA,qBAAA,CAAsB,cAAA;AAAA,UACpB,QAAA,CAAS,aAAA,YAAyB,WAAA,GAC9B,QAAA,CAAS,aAAA,GACT;AAAA,SACN;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,IAAA,EAAM,qBAAqB,CAAC,CAAA;AAEhC,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,eAAA,CAAgB,OAAA,GAAU,IAAA;AAAA,IAC5B,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,UAAU,SAAA,EAAW;AACvB,QAAA,qBAAA,CAAsB,WAAA,IAAc;AAAA,MACtC;AAAA,IACF,CAAA,EAAG,CAAC,KAAA,EAAO,qBAAqB,CAAC,CAAA;AAEjC,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,UAAU,QAAA,EAAU;AACtB,QAAA,qBAAA,CAAsB,YAAA,IAAe;AAAA,MACvC;AAAA,IACF,CAAA,EAAG,CAAC,KAAA,EAAO,qBAAqB,CAAC,CAAA;AAEjC,IAAA,MAAM,6BAAA,GAAgC,OAAA;AAAA,MACpC,OAAO;AAAA,QACL,GAAG,qBAAA;AAAA,QACH,iBAAA,EAAmB,KAAA,KAAU,SAAA,IAAa,KAAA,KAAU;AAAA,OACtD,CAAA;AAAA,MACA,CAAC,uBAAuB,KAAK;AAAA,KAC/B;AAEA,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,wBAAA,GAA2B,6BAA6B,CAAA;AAAA,IAC1D,CAAA,EAAG,CAAC,6BAA6B,CAAC,CAAA;AAGlC,IAAA,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA;AAC3B,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,OAAA,EAAS;AACnB,QAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAAA,MACpB;AAAA,IACF,CAAA,EAAG,CAAC,EAAA,EAAI,eAAe,CAAC,CAAA;AAExB,IAAA,MAAM,UAAA,GAAa,GAAG,CAAC,MAAA,CAAO,QAAQ,eAAA,CAAgB,MAAM,GAAG,SAAA,EAAW;AAAA,MACxE,CAAC,MAAA,CAAO,SAAS,CAAC,GAAG,KAAA,KAAU,SAAA;AAAA,MAC/B,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,UAAA;AAAA,MACxB,GAAI,QAAQ,EAAE,CAAC,OAAO,IAAI,CAAC,GAAG,IAAA;AAAK,KACpC,CAAA;AAED,IAAA,MAAM,EAAE,UAAA,EAAW,GAAI,qBAAA,CAAsB,UAAA,EAAY;AAAA,MACvD,aAAA,EAAe;AAAA,KAChB,CAAA;AAED,IAAA,mBAAA,CAAoB;AAAA,MAClB,IAAA,EAAM,eAAA;AAAA,MACN,EAAA;AAAA,MACA,oBAAA;AAAA,MACA,UAAA,EAAY;AAAA,KACb,CAAA;AAGD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,aAAA,CAAc,EAAE,CAAA;AAAA,MAClB,CAAA,MAAO;AACL,QAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,MACpB;AAGA,MAAA,OAAO,MAAM;AACX,QAAA,eAAA,CAAgB,EAAE,CAAA;AAAA,MACpB,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,IAAA,EAAM,EAAE,CAAC,CAAA;AAEb,IAAA,iBAAA,CAAkB;AAAA,MAChB,mBAAA,EAAqB,CAAC,CAAA,KAAM;AAC1B,QAAA,IAAI,CAAC,IAAA,EAAM;AACX,QAAA,cAAA,GAAiB,CAAC,CAAA;AAAA,MACpB,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,UAAA,CAAW,OAAA;AAAA,QACX,UAAA,CAAW;AAAA,OACb;AAAA,MACA,gBAAgB,MAAM;AACpB,QAAA,IAAI,0BAAA,IAA8B,CAAC,IAAA,EAAM;AACzC,QAAA,OAAA,IAAU;AAAA,MACZ,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,KACV,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,WAAA,CAAY,CAACC,WAAAA,KAAmC;AACnE,MAAA,OACEA,WAAAA,CAAW,IAAA;AAAA,QACT,CAAC,SAAA,KAAc,SAAA,CAAU,OAAA,CAAQ,GAAA,KAAQ;AAAA,OAC3C,IAAKA,YAAW,CAAC,CAAA;AAAA,IAErB,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,eAAA,CAAgB,KAAA,EAAO;AAAA,MACrB,cAAc,oBAAA,IAAwB;AAAA,KACvC,CAAA;AAED,IAAA,MAAM,gBAAA,GAAmB,CAAC,CAAA,KAAwC;AAChE,MAAA,SAAA,GAAY,CAAC,CAAA;AACb,MAAA,IAAI,CAAA,CAAE,SAAS,QAAA,EAAU;AACvB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,IAAI,oBAAA,EAAsB;AAC1B,QAAA,IAAI,cAAA,EAAgB;AACpB,QAAA,OAAA,IAAU;AACV,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,CAAA,CAAE,SAAS,KAAA,EAAO;AACpB,QAAA,IAAI,EAAE,QAAA,IAAY,CAAA,CAAE,MAAA,KAAW,UAAA,GAAa,CAAC,CAAA,EAAG;AAC9C,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAC,UAAA,CAAW,UAAA,CAAW,MAAA,GAAS,CAAC,GAAmB,KAAA,EAAM;AAC1D,UAAA;AAAA,QACF;AACA,QAAA,IAAI,CAAA,CAAE,WAAW,UAAA,GAAa,UAAA,CAAW,SAAS,CAAC,CAAA,IAAK,CAAC,CAAA,CAAE,QAAA,EAAU;AACnE,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,UAAA,CAAW,CAAC,EAAE,KAAA,EAAM;AACpB,UAAA;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA;AAAA;AAAA,sBAEE,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,UAAA;AAAA,UACX,UAAA,EAAS,QAAA;AAAA,UACT,0BAAA,EAA0B,oBAAA;AAAA,UAC1B,2BAAA,EAA2B,KAAA;AAAA,UAC3B,GAAA,EAAK,YAAA,CAAa,CAAC,GAAA,EAAK,KAAK,CAAC,CAAA;AAAA,UAC9B,SAAA,EAAW,gBAAA;AAAA,UACV,GAAG,IAAA;AAAA,UAEJ,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,aAAA,EAAA,EAAc,eAAA,EAAiB,IAAA,EAC9B,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAG,gBAAA,EAAiB,GAAA,EAAK,UAAA,EAAY,CAAA,EACvD,CAAA,EACF,CAAA;AAAA,4BAEA,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,6BAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,cAAC,aAAA,CAAc,QAAA;AAAA,cAAd;AAAA,gBACC,KAAA,EAAO;AAAA,kBACL,KAAA,EAAO,MAAM,OAAA,IAAU;AAAA,kBACvB,GAAA,EAAK,KAAA;AAAA,kBACL,cAAA;AAAA,kBACA,iBAAA;AAAA,kBACA,SAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAAC,SAAA;AAAA,kBAAA;AAAA,oBACC,GAAA,EAAK,UAAA;AAAA,oBACL,SAAA,EAAW,OAAO,WAAW,CAAA;AAAA,oBAC7B,WAAA,EAAW,IAAA;AAAA,oBAEV;AAAA;AAAA;AACH;AAAA,aACF,EACF;AAAA;AAAA;AAAA;AACF;AAAA,EAEJ,CAAC,CAAA;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeE,MAAA,EAAQ,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBR,MAAA,EAAQ,YAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBR,OAAA,EAAS,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAeT,YAAA,EAAc;AAAA;AAElB;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}