@servicetitan/anvil2 1.26.1 → 1.27.1

package/dist/Page-C5GjTBZh.js

@@ -0,0 +1,452 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { createContext, forwardRef, useContext, useState, useRef, useEffect } from 'react';
+import { b as BreakpointLg } from './primitive-BoyEHaOo.js';
+import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
+import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
+import { B as Button } from './Button-B2ruRsLb.js';
+import { P as Popover } from './Popover-DAxtbeRA.js';
+import { I as Icon } from './Icon-CrE5UgZV.js';
+import { F as Flex } from './Flex-D92F03lr.js';
+import { T as Tooltip } from './Tooltip-D38gdiV_.js';
+import { B as ButtonLink } from './ButtonLink-CjxVUldA.js';
+import { B as Breadcrumbs } from './Breadcrumbs-ByNGkX5w.js';
+import { C as Chip } from './Chip-C5ElPVsb.js';
+import { M as Menu } from './Menu-COlGXBmd.js';
+import { T as Text } from './Text-BnRrIF-W.js';
+import { D as Dialog } from './Dialog-wuBdQ785.js';
+import { L as Layout } from './Layout-CUUb2PVr.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { a as AnvilProviderContext } from './AnvilProvider-DNJk1Ait.js';
+import { useTrackingId } from './useTrackingId.js';
+
+import './Page.css';const SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" }));
+
+const SvgSegment = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z" }));
+
+const SvgKeyboardArrowUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z" }));
+
+const SvgLocalSettings = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10.5 21h-.955a.49.49 0 0 1-.484-.399l-.366-2.517a7.5 7.5 0 0 1-1.65-.936l-2.431.954a.49.49 0 0 1-.596-.204l-1.953-3.291a.465.465 0 0 1 .117-.608l2.06-1.573a8 8 0 0 1-.067-.926c0-.313.03-.622.068-.926l-2.06-1.572a.467.467 0 0 1-.117-.609l1.953-3.291c.122-.205.376-.285.595-.205l2.431.955a7.3 7.3 0 0 1 1.65-.936L9.062 2.4a.49.49 0 0 1 .482-.4h3.906c.244 0 .444.176.488.399l.366 2.518a7.5 7.5 0 0 1 1.65.935l2.432-.955a.49.49 0 0 1 .595.205l1.953 3.291a.465.465 0 0 1-.117.608L18.85 10.5h-4.091c-.436-1.348-1.73-2.325-3.26-2.325-1.89 0-3.418 1.486-3.418 3.325 0 1.5 1.018 2.767 2.42 3.182z", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M12.437 21.563A1.45 1.45 0 0 0 13.5 22h7q.624 0 1.062-.437A1.45 1.45 0 0 0 22 20.5v-7q0-.625-.438-1.062A1.45 1.45 0 0 0 20.5 12h-7q-.625 0-1.063.438A1.45 1.45 0 0 0 12 13.5v7q0 .625.437 1.063m.991-.991v-.777c.43-.505.96-.914 1.556-1.202q.919-.45 2.015-.45 1.098 0 2.016.45t1.556 1.202v.777zM17 17.143a1.5 1.5 0 0 0 1.113-.459 1.5 1.5 0 0 0 .458-1.113q0-.654-.458-1.112A1.5 1.5 0 0 0 17 14a1.5 1.5 0 0 0-1.113.459 1.5 1.5 0 0 0-.459 1.113q0 .654.459 1.113a1.52 1.52 0 0 0 1.113.458", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M10.5 21h-.955a.49.49 0 0 1-.484-.399l-.366-2.517a7.5 7.5 0 0 1-1.65-.936l-2.431.954a.49.49 0 0 1-.596-.204l-1.953-3.291a.465.465 0 0 1 .117-.608l2.06-1.573a8 8 0 0 1-.067-.926c0-.313.03-.622.068-.926l-2.06-1.572a.467.467 0 0 1-.117-.609l1.953-3.291c.122-.205.376-.285.595-.205l2.431.955a7.3 7.3 0 0 1 1.65-.936L9.062 2.4a.49.49 0 0 1 .482-.4h3.906c.244 0 .444.176.488.399l.366 2.518a7.5 7.5 0 0 1 1.65.935l2.432-.955a.49.49 0 0 1 .595.205l1.953 3.291a.465.465 0 0 1-.117.608L18.85 10.5h-4.091c-.436-1.348-1.73-2.325-3.26-2.325-1.89 0-3.418 1.486-3.418 3.325 0 1.5 1.018 2.767 2.42 3.182z", clipRule: "evenodd" }), /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M12.437 21.563A1.45 1.45 0 0 0 13.5 22h7q.624 0 1.062-.437A1.45 1.45 0 0 0 22 20.5v-7q0-.625-.438-1.062A1.45 1.45 0 0 0 20.5 12h-7q-.625 0-1.063.438A1.45 1.45 0 0 0 12 13.5v7q0 .625.437 1.063m.991-.991v-.777c.43-.505.96-.914 1.556-1.202q.919-.45 2.015-.45 1.098 0 2.016.45t1.556 1.202v.777zM17 17.143a1.5 1.5 0 0 0 1.113-.459 1.5 1.5 0 0 0 .458-1.113q0-.654-.458-1.112A1.5 1.5 0 0 0 17 14a1.5 1.5 0 0 0-1.113.459 1.5 1.5 0 0 0-.459 1.113q0 .654.459 1.113a1.52 1.52 0 0 0 1.113.458", clipRule: "evenodd" }));
+
+const SvgMoreVert = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }));
+
+function useMergedRef(...refs) {
+  return React.useCallback(element => {
+    for (let i = 0; i < refs.length; i++) {
+      const ref = refs[i];
+      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;
+    }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  refs);
+}
+
+const page = "_page_1yc3p_1";
+const container = "_container_1yc3p_17";
+const content = "_content_1yc3p_34";
+const sidebar = "_sidebar_1yc3p_48";
+const panel = "_panel_1yc3p_133";
+const header = "_header_1yc3p_161";
+const title = "_title_1yc3p_165";
+const chips = "_chips_1yc3p_175";
+const actions = "_actions_1yc3p_179";
+const description = "_description_1yc3p_192";
+const open = "_open_1yc3p_206";
+const small = "_small_1yc3p_206";
+const medium = "_medium_1yc3p_209";
+const large = "_large_1yc3p_212";
+const collapsed = "_collapsed_1yc3p_215";
+const noPadding = "_noPadding_1yc3p_309";
+const layout = "_layout_1yc3p_362";
+const styles = {
+	page: page,
+	container: container,
+	content: content,
+	"content-inner": "_content-inner_1yc3p_39",
+	"content-header-inner": "_content-header-inner_1yc3p_44",
+	sidebar: sidebar,
+	"sidebar-inner": "_sidebar-inner_1yc3p_59",
+	"toggle-button-wrapper": "_toggle-button-wrapper_1yc3p_86",
+	"toggle-button-tooltip": "_toggle-button-tooltip_1yc3p_94",
+	"toggle-button": "_toggle-button_1yc3p_86",
+	"sidebar-header": "_sidebar-header_1yc3p_112",
+	"sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_1yc3p_118",
+	"sidebar-adaptive-container": "_sidebar-adaptive-container_1yc3p_127",
+	"sidebar-adaptive": "_sidebar-adaptive_1yc3p_118",
+	panel: panel,
+	"panel-inner": "_panel-inner_1yc3p_141",
+	"virtual-scroll-container": "_virtual-scroll-container_1yc3p_152",
+	header: header,
+	"title-wrapper": "_title-wrapper_1yc3p_165",
+	title: title,
+	"preference-action": "_preference-action_1yc3p_172",
+	chips: chips,
+	actions: actions,
+	description: description,
+	open: open,
+	small: small,
+	medium: medium,
+	large: large,
+	collapsed: collapsed,
+	noPadding: noPadding,
+	"sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_1yc3p_118",
+	"sidebar-adaptive-trigger-icon": "_sidebar-adaptive-trigger-icon_1yc3p_335",
+	layout: layout
+};
+
+const PageSideBarContext = createContext(null);
+const PageSidebar = forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      className,
+      currentPageTitle,
+      localStorageKey = "sidebar-collapsed",
+      ...rest
+    } = props;
+    const data = {
+      localStorageKey
+    };
+    const { breakpoint } = useContext(AnvilProviderContext);
+    const trackingId = useTrackingId({
+      name: "PageSidebarButton",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const [collapsed, setCollapsed] = useState(() => {
+      const sidebarState = localStorage.getItem(localStorageKey);
+      return sidebarState ? JSON.parse(sidebarState) : false;
+    });
+    const classNames = cx([styles["sidebar"]], className, {
+      [styles["collapsed"]]: collapsed
+    });
+    const onToggleButtonClick = () => {
+      setCollapsed((prev) => {
+        localStorage.setItem(localStorageKey, JSON.stringify(!prev));
+        return !prev;
+      });
+    };
+    const breakpointWidth = +(BreakpointLg?.value.replace("px", "") ?? 0);
+    const innerWidth = breakpoint?.innerWidth ?? 0;
+    if (innerWidth < breakpointWidth) {
+      return /* @__PURE__ */ jsxs(Popover, { fillAvailableHeight: true, matchReferenceWidth: true, noPadding: true, disableCaret: true, children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { children: (props2) => {
+          if (typeof document !== "undefined") {
+            props2["data-state"] === "open" ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+          }
+          return /* @__PURE__ */ jsx("div", { className: styles["sidebar-adaptive-trigger-container"], children: /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: styles["sidebar-adaptive-trigger"],
+              icon: SvgSegment,
+              appearance: "ghost",
+              ...props2,
+              children: [
+                !currentPageTitle ? "Menu" : currentPageTitle,
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    className: styles["sidebar-adaptive-trigger-icon"],
+                    justifyContent: "end",
+                    svg: props2["data-state"] === "open" ? SvgKeyboardArrowUp : SvgKeyboardArrowDown
+                  }
+                )
+              ]
+            }
+          ) });
+        } }),
+        /* @__PURE__ */ jsx(Popover.Content, { className: styles["sidebar-adaptive-container"], children: /* @__PURE__ */ jsx(
+          Flex,
+          {
+            direction: "column",
+            className: styles["sidebar-adaptive"],
+            ref,
+            children
+          }
+        ) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(PageSideBarContext.Provider, { value: { collapsed }, children: /* @__PURE__ */ jsxs("div", { className: classNames, ref, ...rest, children: [
+      /* @__PURE__ */ jsx("div", { className: styles["sidebar-inner"], "aria-hidden": collapsed, children: /* @__PURE__ */ jsx("div", { children }) }),
+      /* @__PURE__ */ jsx("div", { className: styles["toggle-button-wrapper"], children: /* @__PURE__ */ jsxs(Tooltip, { placement: "right", children: [
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles["toggle-button-tooltip"], children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            onClick: onToggleButtonClick,
+            className: styles["toggle-button"],
+            "aria-label": collapsed ? "Open Sidebar" : "Close Sidebar",
+            "data-tracking-id": trackingId,
+            icon: collapsed ? SvgChevronRight : SvgChevronLeft
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { children: collapsed ? "Open Sidebar" : "Close Sidebar" })
+      ] }) })
+    ] }) });
+  }
+);
+PageSidebar.displayName = "Page.Sidebar";
+const PageSidebarHeader = forwardRef(
+  (props, ref) => {
+    const { children, className, ...rest } = props;
+    const context = useContext(PageSideBarContext);
+    const classNames = cx([styles["sidebar-header"]], className);
+    return /* @__PURE__ */ jsx("div", { className: classNames, ref, ...rest, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: styles["header-content"],
+        "aria-hidden": context?.collapsed,
+        children
+      }
+    ) });
+  }
+);
+PageSidebarHeader.displayName = "Page.SidebarHeader";
+const PagePanel = forwardRef(
+  (props, ref) => {
+    const {
+      children,
+      open,
+      size = "medium",
+      noPadding,
+      style,
+      className,
+      ...rest
+    } = props;
+    const classNames = cx([styles["panel"]], [styles[size]], className, {
+      [styles["open"]]: typeof open === "undefined" ? true : open,
+      [styles["persistent"]]: typeof open === "undefined",
+      [styles["noPadding"]]: noPadding
+    });
+    const { breakpoint } = useContext(AnvilProviderContext);
+    const breakpointWidth = +(BreakpointLg?.value.replace("px", "") ?? 0);
+    const innerWidth = breakpoint?.innerWidth ?? 0;
+    if (typeof open !== "undefined" && innerWidth < breakpointWidth) {
+      return /* @__PURE__ */ jsx(Dialog, { open, children: /* @__PURE__ */ jsx(Dialog.Content, { children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: classNames,
+          "aria-hidden": !open,
+          "aria-disabled": !open,
+          ref,
+          ...rest,
+          children
+        }
+      ) }) });
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames,
+        "aria-hidden": !open,
+        "aria-disabled": !open,
+        ref,
+        ...rest,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles["panel-inner"],
+            tabIndex: typeof open !== "undefined" && open ? 0 : -1,
+            style,
+            children: /* @__PURE__ */ jsx("div", { children })
+          }
+        )
+      }
+    );
+  }
+);
+PagePanel.displayName = "PagePanel";
+const PageHeader = forwardRef(
+  (props, ref) => {
+    const {
+      title,
+      breadcrumbs,
+      chips,
+      description,
+      actions,
+      preferenceAction,
+      layout,
+      className,
+      ...rest
+    } = props;
+    const { fluid, variant } = layout || {};
+    const preferenceItem = preferenceAction && ("href" in preferenceAction ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+        ButtonLink,
+        {
+          appearance: "ghost",
+          icon: SvgLocalSettings,
+          size: "small",
+          className: styles["preference-action"],
+          ...preferenceAction
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tooltip.Content, { children: preferenceAction["aria-label"] })
+    ] }) : /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "ghost",
+          icon: SvgLocalSettings,
+          size: "small",
+          className: styles["preference-action"],
+          ...preferenceAction
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tooltip.Content, { children: preferenceAction["aria-label"] })
+    ] }));
+    const actionItems = actions && /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", className: styles.actions, children: [
+      actions.secondary?.length && actions.secondary.length < 3 && !actions.primary && actions.secondary.map((action, index) => /* @__PURE__ */ jsx(Button, { appearance: "secondary", ...action, children: action.label }, index)),
+      actions.primary && actions.secondary && actions.secondary?.length < 2 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        actions.secondary?.[0] && /* @__PURE__ */ jsx(Button, { appearance: "secondary", ...actions.secondary[0], children: actions.secondary[0].label }),
+        /* @__PURE__ */ jsx(Button, { appearance: "primary", ...actions.primary, children: actions.primary.label })
+      ] }),
+      actions.secondary && (actions.secondary?.length >= 3 || actions.secondary?.length >= 2 && actions.primary) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Menu,
+          {
+            trigger: ({ ref: ref2, ...rest2 }) => /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(
+                Tooltip.Trigger,
+                {
+                  ref: ref2,
+                  ...rest2,
+                  children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      icon: SvgMoreVert,
+                      "aria-label": "More actions"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(Tooltip.Content, { children: "More actions" })
+            ] }),
+            children: actions.secondary?.map((action, index) => /* @__PURE__ */ jsx(
+              Menu.Item,
+              {
+                label: action.label,
+                onClick: action.onClick,
+                disabled: action.disabled
+              },
+              index
+            ))
+          }
+        ),
+        actions.primary && /* @__PURE__ */ jsx(Button, { appearance: "primary", ...actions.primary, children: actions.primary.label })
+      ] })
+    ] });
+    const headerClassName = cx(styles.content, styles.header, className);
+    const headerContentClassName = cx(
+      styles["content-inner"],
+      styles["content-header-inner"]
+    );
+    return /* @__PURE__ */ jsx("header", { ref, className: headerClassName, ...rest, children: /* @__PURE__ */ jsx("div", { className: headerContentClassName, children: /* @__PURE__ */ jsxs(Layout, { fluid, variant, className: styles["layout"], children: [
+      /* @__PURE__ */ jsx(Layout.Item, { children: breadcrumbs && /* @__PURE__ */ jsx(Breadcrumbs, { children: breadcrumbs.map((breadcrumb, index) => /* @__PURE__ */ jsx(Breadcrumbs.Link, { ...breadcrumb }, index)) }) }),
+      /* @__PURE__ */ jsxs(Layout.Item, { md: actionItems ? 6 : 12, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles["title-wrapper"], children: [
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              variant: "headline",
+              size: "large",
+              el: "h1",
+              className: styles.title,
+              children: title
+            }
+          ),
+          preferenceItem
+        ] }),
+        chips && /* @__PURE__ */ jsx(Flex, { className: styles.chips, children: chips.map((chip, index) => /* @__PURE__ */ jsx(Chip, { ...chip }, index)) })
+      ] }),
+      /* @__PURE__ */ jsx(Layout.Item, { md: 6, children: actionItems }),
+      description && /* @__PURE__ */ jsx(Layout.Item, { md: 12, className: styles.description, children: description })
+    ] }) }) });
+  }
+);
+PageHeader.displayName = "Page.Header";
+const PageContent = forwardRef(
+  (props, ref) => {
+    const { children, className, ...rest } = props;
+    const classNames = cx([styles["content"]], className);
+    const mainRef = useRef(null);
+    const virtualScrollRef = useRef(null);
+    const blocker = useRef(true);
+    const [leftOffset, setLeftOffset] = useState(
+      (mainRef.current?.offsetLeft ?? 0) + (mainRef.current?.offsetWidth ?? 0) - 9
+    );
+    const [contentHeight, setContentHeight] = useState(
+      mainRef.current?.offsetHeight
+    );
+    useEffect(() => {
+      if (typeof window === "undefined") return;
+      if (!blocker.current) return;
+      function updatePosition() {
+        const newValue = window.scrollY;
+        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);
+      }
+      window.addEventListener("scroll", updatePosition, { passive: true });
+      return () => {
+        window.removeEventListener("scroll", updatePosition);
+      };
+    }, []);
+    useEffect(() => {
+      if (mainRef.current) {
+        const observer = new ResizeObserver(() => {
+          if (!mainRef.current) return;
+          setLeftOffset(
+            mainRef.current.offsetLeft + mainRef.current.offsetWidth - 9
+          );
+          setContentHeight(mainRef.current.offsetHeight);
+        });
+        observer.observe(mainRef.current);
+        return () => {
+          observer.disconnect();
+        };
+      }
+    }, []);
+    function scrollBody(e) {
+      if (typeof window === "undefined") return;
+      if (blocker.current) return;
+      window.scrollTo(0, e.target.scrollTop);
+    }
+    return /* @__PURE__ */ jsxs("main", { className: classNames, ref: useMergedRef(mainRef, ref), ...rest, children: [
+      /* @__PURE__ */ jsx("div", { className: styles["content-inner"], children }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: styles["virtual-scroll-container"],
+          ref: virtualScrollRef,
+          style: {
+            left: leftOffset
+          },
+          onScrollCapture: scrollBody,
+          onMouseEnter: () => {
+            blocker.current = false;
+          },
+          onMouseLeave: () => {
+            blocker.current = true;
+          },
+          children: /* @__PURE__ */ jsx("div", { style: { width: 1, height: contentHeight } })
+        }
+      )
+    ] });
+  }
+);
+PageContent.displayName = "PageContent";
+const PageElement = forwardRef((props, ref) => {
+  const { children, className, ...rest } = props;
+  const classNames = cx(styles["page"], className);
+  return /* @__PURE__ */ jsx("div", { className: classNames, "data-anv": "Page", ref, ...rest, children: /* @__PURE__ */ jsx("div", { className: styles["container"], children }) });
+});
+PageElement.displayName = "Page";
+const Page = Object.assign(PageElement, {
+  Sidebar: PageSidebar,
+  SidebarHeader: PageSidebarHeader,
+  Header: PageHeader,
+  Content: PageContent,
+  Panel: PagePanel
+});
+
+export { Page as P, PageSidebar as a, PageSidebarHeader as b, PagePanel as c, PageHeader as d, PageContent as e };
+//# sourceMappingURL=Page-C5GjTBZh.js.map

package/dist/Page-C5GjTBZh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-C5GjTBZh.js","sources":["../../hammer-icon/mdi/round/chevron_left.svg","../../hammer-icon/mdi/round/segment.svg","../../hammer-icon/mdi/round/keyboard_arrow_up.svg","../public/assets/icons/st/local_settings.svg","../../hammer-icon/mdi/round/more_vert.svg","../../../node_modules/.pnpm/@react-hook+merged-ref@1.3.2_react@18.3.1/node_modules/@react-hook/merged-ref/dist/module/index.js","../src/components/Page/Page.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z\" }));\nexport default SvgChevronLeft;\n","import * as React from \"react\";\nconst SvgSegment = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M10 18h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1zm7 6h10c.55 0 1-.45 1-1s-.45-1-1-1H10c-.55 0-1 .45-1 1s.45 1 1 1z\" }));\nexport default SvgSegment;\n","import * as React from \"react\";\nconst SvgKeyboardArrowUp = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.12 14.71 12 10.83l3.88 3.88a.996.996 0 1 0 1.41-1.41L12.7 8.71a.996.996 0 0 0-1.41 0L6.7 13.3a.996.996 0 0 0 0 1.41c.39.38 1.03.39 1.42 0z\" }));\nexport default SvgKeyboardArrowUp;\n","import * as React from \"react\";\nconst SvgLocalSettings = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M10.5 21h-.955a.49.49 0 0 1-.484-.399l-.366-2.517a7.5 7.5 0 0 1-1.65-.936l-2.431.954a.49.49 0 0 1-.596-.204l-1.953-3.291a.465.465 0 0 1 .117-.608l2.06-1.573a8 8 0 0 1-.067-.926c0-.313.03-.622.068-.926l-2.06-1.572a.467.467 0 0 1-.117-.609l1.953-3.291c.122-.205.376-.285.595-.205l2.431.955a7.3 7.3 0 0 1 1.65-.936L9.062 2.4a.49.49 0 0 1 .482-.4h3.906c.244 0 .444.176.488.399l.366 2.518a7.5 7.5 0 0 1 1.65.935l2.432-.955a.49.49 0 0 1 .595.205l1.953 3.291a.465.465 0 0 1-.117.608L18.85 10.5h-4.091c-.436-1.348-1.73-2.325-3.26-2.325-1.89 0-3.418 1.486-3.418 3.325 0 1.5 1.018 2.767 2.42 3.182z\", clipRule: \"evenodd\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M12.437 21.563A1.45 1.45 0 0 0 13.5 22h7q.624 0 1.062-.437A1.45 1.45 0 0 0 22 20.5v-7q0-.625-.438-1.062A1.45 1.45 0 0 0 20.5 12h-7q-.625 0-1.063.438A1.45 1.45 0 0 0 12 13.5v7q0 .625.437 1.063m.991-.991v-.777c.43-.505.96-.914 1.556-1.202q.919-.45 2.015-.45 1.098 0 2.016.45t1.556 1.202v.777zM17 17.143a1.5 1.5 0 0 0 1.113-.459 1.5 1.5 0 0 0 .458-1.113q0-.654-.458-1.112A1.5 1.5 0 0 0 17 14a1.5 1.5 0 0 0-1.113.459 1.5 1.5 0 0 0-.459 1.113q0 .654.459 1.113a1.52 1.52 0 0 0 1.113.458\", clipRule: \"evenodd\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M10.5 21h-.955a.49.49 0 0 1-.484-.399l-.366-2.517a7.5 7.5 0 0 1-1.65-.936l-2.431.954a.49.49 0 0 1-.596-.204l-1.953-3.291a.465.465 0 0 1 .117-.608l2.06-1.573a8 8 0 0 1-.067-.926c0-.313.03-.622.068-.926l-2.06-1.572a.467.467 0 0 1-.117-.609l1.953-3.291c.122-.205.376-.285.595-.205l2.431.955a7.3 7.3 0 0 1 1.65-.936L9.062 2.4a.49.49 0 0 1 .482-.4h3.906c.244 0 .444.176.488.399l.366 2.518a7.5 7.5 0 0 1 1.65.935l2.432-.955a.49.49 0 0 1 .595.205l1.953 3.291a.465.465 0 0 1-.117.608L18.85 10.5h-4.091c-.436-1.348-1.73-2.325-3.26-2.325-1.89 0-3.418 1.486-3.418 3.325 0 1.5 1.018 2.767 2.42 3.182z\", clipRule: \"evenodd\" }), /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", d: \"M12.437 21.563A1.45 1.45 0 0 0 13.5 22h7q.624 0 1.062-.437A1.45 1.45 0 0 0 22 20.5v-7q0-.625-.438-1.062A1.45 1.45 0 0 0 20.5 12h-7q-.625 0-1.063.438A1.45 1.45 0 0 0 12 13.5v7q0 .625.437 1.063m.991-.991v-.777c.43-.505.96-.914 1.556-1.202q.919-.45 2.015-.45 1.098 0 2.016.45t1.556 1.202v.777zM17 17.143a1.5 1.5 0 0 0 1.113-.459 1.5 1.5 0 0 0 .458-1.113q0-.654-.458-1.112A1.5 1.5 0 0 0 17 14a1.5 1.5 0 0 0-1.113.459 1.5 1.5 0 0 0-.459 1.113q0 .654.459 1.113a1.52 1.52 0 0 0 1.113.458\", clipRule: \"evenodd\" }));\nexport default SvgLocalSettings;\n","import * as React from \"react\";\nconst SvgMoreVert = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" }));\nexport default SvgMoreVert;\n","import * as React from 'react';\n\nfunction useMergedRef(...refs) {\n  return React.useCallback(element => {\n    for (let i = 0; i < refs.length; i++) {\n      const ref = refs[i];\n      if (typeof ref === 'function') ref(element);else if (ref && typeof ref === 'object') ref.current = element;\n    }\n  }, // eslint-disable-next-line react-hooks/exhaustive-deps\n  refs);\n}\n\nexport default useMergedRef;","import {\n  ComponentPropsWithoutRef,\n  ReactNode,\n  Ref,\n  RefObject,\n  UIEvent,\n  createContext,\n  forwardRef,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport SegmentSVG from \"@servicetitan/hammer-icon/mdi/round/segment.svg\";\nimport RespOpen from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\nimport RespClose from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_up.svg\";\nimport LocalSettings from \"../../../public/assets/icons/st/local_settings.svg\";\nimport MoreVert from \"@servicetitan/hammer-icon/mdi/round/more_vert.svg\";\nimport {\n  AnvilProviderContext,\n  AnvilProviderContextProps,\n} from \"../../providers\";\nimport { useTrackingId } from \"../../hooks\";\nimport Button, { ButtonProps } from \"../Button\";\nimport Popover from \"../Popover\";\nimport Icon from \"../Icon\";\nimport Flex from \"../Flex\";\nimport Tooltip from \"../Tooltip\";\nimport ButtonLink, { ButtonLinkProps } from \"../ButtonLink\";\nimport Breadcrumbs, { BreadcrumbsLinkProps } from \"../Breadcrumbs\";\nimport Chip, { ChipProps } from \"../Chip\";\nimport Menu from \"../Menu\";\nimport Text from \"../Text\";\nimport Dialog from \"../Dialog\";\nimport useMergedRef from \"@react-hook/merged-ref\";\nimport Layout, { LayoutProps } from \"../Layout\";\n\nimport styles from \"./Page.module.scss\";\nimport cx from \"classnames\";\n\n//--- Start Page Sidebar ---//\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\n\nconst PageSideBarContext = createContext<PageSideBarContextProps | null>(null);\n\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  localStorageKey?: string;\n  [\"data-tracking-id\"]?: string;\n  currentPageTitle?: string;\n};\n\nexport const PageSidebar = forwardRef(\n  (props: PageSidebarProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      className,\n      currentPageTitle,\n      localStorageKey = \"sidebar-collapsed\",\n      ...rest\n    } = props;\n\n    const data = {\n      localStorageKey,\n    };\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const trackingId = useTrackingId({\n      name: \"PageSidebarButton\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const [collapsed, setCollapsed] = useState<boolean>(() => {\n      // getting stored value\n      const sidebarState = localStorage.getItem(localStorageKey);\n      return sidebarState ? JSON.parse(sidebarState) : false;\n    });\n    const classNames = cx([styles[\"sidebar\"]], className, {\n      [styles[\"collapsed\"]]: collapsed,\n    });\n    const onToggleButtonClick = () => {\n      setCollapsed((prev) => {\n        localStorage.setItem(localStorageKey, JSON.stringify(!prev));\n        return !prev;\n      });\n    };\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (innerWidth < breakpointWidth) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                props[\"data-state\"] === \"open\"\n                  ? (document.body.style.overflow = \"hidden\")\n                  : (document.body.style.overflow = \"auto\");\n              }\n              return (\n                <div className={styles[\"sidebar-adaptive-trigger-container\"]}>\n                  <Button\n                    className={styles[\"sidebar-adaptive-trigger\"]}\n                    icon={SegmentSVG}\n                    appearance=\"ghost\"\n                    {...props}\n                  >\n                    {!currentPageTitle ? \"Menu\" : currentPageTitle}\n                    <Icon\n                      className={styles[\"sidebar-adaptive-trigger-icon\"]}\n                      justifyContent=\"end\"\n                      svg={\n                        props[\"data-state\"] === \"open\" ? RespClose : RespOpen\n                      }\n                    />\n                  </Button>\n                </div>\n              );\n            }}\n          </Popover.Trigger>\n          <Popover.Content className={styles[\"sidebar-adaptive-container\"]}>\n            <Flex\n              direction=\"column\"\n              className={styles[\"sidebar-adaptive\"]}\n              ref={ref}\n            >\n              {children}\n            </Flex>\n          </Popover.Content>\n        </Popover>\n      );\n    }\n\n    return (\n      <PageSideBarContext.Provider value={{ collapsed }}>\n        <div className={classNames} ref={ref} {...rest}>\n          <div className={styles[\"sidebar-inner\"]} aria-hidden={collapsed}>\n            <div>{children}</div>\n          </div>\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Tooltip placement=\"right\">\n              <Tooltip.Trigger className={styles[\"toggle-button-tooltip\"]}>\n                <Button\n                  size=\"small\"\n                  onClick={onToggleButtonClick}\n                  className={styles[\"toggle-button\"]}\n                  aria-label={collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n                  data-tracking-id={trackingId}\n                  icon={collapsed ? OpenSVG : CloseSVG}\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>\n                {collapsed ? \"Open Sidebar\" : \"Close Sidebar\"}\n              </Tooltip.Content>\n            </Tooltip>\n          </div>\n        </div>\n      </PageSideBarContext.Provider>\n    );\n  },\n);\n\nPageSidebar.displayName = \"Page.Sidebar\";\n//--- End Page Sidebar ---//\n\n//--- Start Page Sidebar Header ---//\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const PageSidebarHeader = forwardRef(\n  (props: PageSidebarHeaderProps, ref: Ref<HTMLDivElement>) => {\n    const { children, className, ...rest } = props;\n    const context = useContext(PageSideBarContext);\n    const classNames = cx([styles[\"sidebar-header\"]], className);\n\n    return (\n      <div className={classNames} ref={ref} {...rest}>\n        <div\n          className={styles[\"header-content\"]}\n          aria-hidden={context?.collapsed}\n        >\n          {children}\n        </div>\n      </div>\n    );\n  },\n);\n\nPageSidebarHeader.displayName = \"Page.SidebarHeader\";\n//--- End Page SidebarHeader ---//\n\n//--- Start Page Panel ---//\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  open?: boolean;\n  size?: \"small\" | \"medium\" | \"large\";\n  noPadding?: boolean;\n};\n\nexport const PagePanel = forwardRef(\n  (props: PagePanelProps, ref: Ref<HTMLDivElement>) => {\n    const {\n      children,\n      open,\n      size = \"medium\",\n      noPadding,\n      style,\n      className,\n      ...rest\n    } = props;\n    const classNames = cx([styles[\"panel\"]], [styles[size]], className, {\n      [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n      [styles[\"persistent\"]]: typeof open === \"undefined\",\n      [styles[\"noPadding\"]]: noPadding,\n    });\n\n    const { breakpoint } =\n      useContext<AnvilProviderContextProps>(AnvilProviderContext);\n\n    const breakpointWidth = +(\n      core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n    );\n    const innerWidth = breakpoint?.innerWidth ?? 0;\n\n    if (typeof open !== \"undefined\" && innerWidth < breakpointWidth) {\n      return (\n        <Dialog open={open}>\n          <Dialog.Content>\n            <div\n              className={classNames}\n              aria-hidden={!open}\n              aria-disabled={!open}\n              ref={ref}\n              {...rest}\n            >\n              {children}\n            </div>\n          </Dialog.Content>\n        </Dialog>\n      );\n    }\n    return (\n      <div\n        className={classNames}\n        aria-hidden={!open}\n        aria-disabled={!open}\n        ref={ref}\n        {...rest}\n      >\n        <div\n          className={styles[\"panel-inner\"]}\n          /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n          tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n          style={style}\n        >\n          <div>{children}</div>\n        </div>\n      </div>\n    );\n  },\n);\nPagePanel.displayName = \"PagePanel\";\n//--- End Page Panel ---//\n\n//--- Start Page Header ---//\ntype PageHeaderActionProps = Omit<ButtonProps, \"appearance\"> & {\n  label: string;\n};\n\ntype PageHeaderActionsProps = {\n  primary?: PageHeaderActionProps;\n  secondary?: PageHeaderActionProps[];\n};\n\ntype BasePreferenceProps = {\n  \"aria-label\": string;\n};\n\ntype PreferenceButtonProps = Omit<\n  ButtonProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\ntype PreferenceLinkProps = Omit<\n  ButtonLinkProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\nexport type PageHeaderProps = ComponentPropsWithoutRef<\"header\"> & {\n  title: string;\n  breadcrumbs?: BreadcrumbsLinkProps[];\n  chips?: ChipProps[];\n  description?: ReactNode;\n  actions?: PageHeaderActionsProps;\n  preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;\n  layout?: LayoutProps;\n};\n\nexport const PageHeader = forwardRef(\n  (props: PageHeaderProps, ref: Ref<HTMLHeadElement>) => {\n    const {\n      title,\n      breadcrumbs,\n      chips,\n      description,\n      actions,\n      preferenceAction,\n      layout,\n      className,\n      ...rest\n    } = props;\n\n    const { fluid, variant } = layout || {};\n\n    const preferenceItem =\n      preferenceAction &&\n      (\"href\" in preferenceAction ? (\n        <Tooltip>\n          <Tooltip.Trigger>\n            <ButtonLink\n              appearance=\"ghost\"\n              icon={LocalSettings}\n              size=\"small\"\n              className={styles[\"preference-action\"]}\n              {...(preferenceAction as PreferenceLinkProps)}\n            />\n          </Tooltip.Trigger>\n          <Tooltip.Content>{preferenceAction[\"aria-label\"]}</Tooltip.Content>\n        </Tooltip>\n      ) : (\n        <Tooltip>\n          <Tooltip.Trigger>\n            <Button\n              appearance=\"ghost\"\n              icon={LocalSettings}\n              size=\"small\"\n              className={styles[\"preference-action\"]}\n              {...(preferenceAction as PreferenceButtonProps)}\n            />\n          </Tooltip.Trigger>\n          <Tooltip.Content>{preferenceAction[\"aria-label\"]}</Tooltip.Content>\n        </Tooltip>\n      ));\n\n    const actionItems = actions && (\n      <Flex justifyContent=\"flex-end\" className={styles.actions}>\n        {actions.secondary?.length &&\n          actions.secondary.length < 3 &&\n          !actions.primary &&\n          actions.secondary.map((action, index) => (\n            <Button key={index} appearance=\"secondary\" {...action}>\n              {action.label}\n            </Button>\n          ))}\n\n        {actions.primary &&\n          actions.secondary &&\n          actions.secondary?.length < 2 && (\n            <>\n              {actions.secondary?.[0] && (\n                <Button appearance=\"secondary\" {...actions.secondary[0]}>\n                  {actions.secondary[0].label}\n                </Button>\n              )}\n              <Button appearance=\"primary\" {...actions.primary}>\n                {actions.primary.label}\n              </Button>\n            </>\n          )}\n\n        {actions.secondary &&\n          (actions.secondary?.length >= 3 ||\n            (actions.secondary?.length >= 2 && actions.primary)) && (\n            <>\n              <Menu\n                trigger={({ ref, ...rest }) => (\n                  <Tooltip>\n                    <Tooltip.Trigger\n                      ref={ref as unknown as RefObject<HTMLDivElement>}\n                      {...rest}\n                    >\n                      <Button\n                        appearance=\"secondary\"\n                        icon={MoreVert}\n                        aria-label=\"More actions\"\n                      />\n                    </Tooltip.Trigger>\n                    <Tooltip.Content>More actions</Tooltip.Content>\n                  </Tooltip>\n                )}\n              >\n                {actions.secondary?.map((action, index) => (\n                  <Menu.Item\n                    key={index}\n                    label={action.label}\n                    onClick={action.onClick}\n                    disabled={action.disabled}\n                  />\n                ))}\n              </Menu>\n              {actions.primary && (\n                <Button appearance=\"primary\" {...actions.primary}>\n                  {actions.primary.label}\n                </Button>\n              )}\n            </>\n          )}\n      </Flex>\n    );\n\n    const headerClassName = cx(styles.content, styles.header, className);\n\n    const headerContentClassName = cx(\n      styles[\"content-inner\"],\n      styles[\"content-header-inner\"],\n    );\n\n    return (\n      <header ref={ref} className={headerClassName} {...rest}>\n        <div className={headerContentClassName}>\n          <Layout fluid={fluid} variant={variant} className={styles[\"layout\"]}>\n            <Layout.Item>\n              {breadcrumbs && (\n                <Breadcrumbs>\n                  {breadcrumbs.map((breadcrumb, index) => (\n                    <Breadcrumbs.Link key={index} {...breadcrumb} />\n                  ))}\n                </Breadcrumbs>\n              )}\n            </Layout.Item>\n\n            <Layout.Item md={actionItems ? 6 : 12}>\n              <div className={styles[\"title-wrapper\"]}>\n                <Text\n                  variant=\"headline\"\n                  size=\"large\"\n                  el=\"h1\"\n                  className={styles.title}\n                >\n                  {title}\n                </Text>\n\n                {preferenceItem}\n              </div>\n\n              {chips && (\n                <Flex className={styles.chips}>\n                  {chips.map((chip, index) => (\n                    <Chip key={index} {...chip} />\n                  ))}\n                </Flex>\n              )}\n            </Layout.Item>\n\n            <Layout.Item md={6}>{actionItems}</Layout.Item>\n\n            {description && (\n              <Layout.Item md={12} className={styles.description}>\n                {description}\n              </Layout.Item>\n            )}\n          </Layout>\n        </div>\n      </header>\n    );\n  },\n);\n\nPageHeader.displayName = \"Page.Header\";\n//--- End Page Header ---//\n\n//--- Start Page Content ---//\nexport type PageContentProps = ComponentPropsWithoutRef<\"main\">;\n\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLAreaElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const mainRef = useRef<HTMLAreaElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const blocker = useRef(true);\n    const [leftOffset, setLeftOffset] = useState(\n      (mainRef.current?.offsetLeft ?? 0) +\n        (mainRef.current?.offsetWidth ?? 0) -\n        9,\n    );\n    const [contentHeight, setContentHeight] = useState(\n      mainRef.current?.offsetHeight,\n    );\n\n    // Updates scroll position\n    useEffect(() => {\n      if (typeof window === \"undefined\") return;\n      if (!blocker.current) return;\n      function updatePosition() {\n        const newValue = window.scrollY;\n\n        virtualScrollRef.current?.scrollTo(0, newValue ?? 0);\n      }\n      window.addEventListener(\"scroll\", updatePosition, { passive: true });\n\n      return () => {\n        window.removeEventListener(\"scroll\", updatePosition);\n      };\n    }, []);\n\n    // Updates virtual scroll properties when main resizes\n    useEffect(() => {\n      if (mainRef.current) {\n        const observer = new ResizeObserver(() => {\n          if (!mainRef.current) return;\n          setLeftOffset(\n            mainRef.current.offsetLeft + mainRef.current.offsetWidth - 9,\n          );\n          setContentHeight(mainRef.current.offsetHeight);\n        });\n\n        observer.observe(mainRef.current);\n\n        // Cleanup function\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, []);\n\n    function scrollBody(e: UIEvent<HTMLElement>) {\n      if (typeof window === \"undefined\") return;\n      if (blocker.current) return;\n      window.scrollTo(0, (e.target as HTMLDivElement).scrollTop);\n    }\n\n    return (\n      <main className={classNames} ref={useMergedRef(mainRef, ref)} {...rest}>\n        <div className={styles[\"content-inner\"]}>{children}</div>\n        <div\n          className={styles[\"virtual-scroll-container\"]}\n          ref={virtualScrollRef}\n          style={{\n            left: leftOffset,\n          }}\n          onScrollCapture={scrollBody}\n          onMouseEnter={() => {\n            blocker.current = false;\n          }}\n          onMouseLeave={() => {\n            blocker.current = true;\n          }}\n        >\n          <div style={{ width: 1, height: contentHeight }} />\n        </div>\n      </main>\n    );\n  },\n);\n\nPageContent.displayName = \"PageContent\";\n//--- End Page Content ---//\n\n//--- Start Page Element ---//\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\nconst PageElement = forwardRef((props: PageProps, ref: Ref<HTMLDivElement>) => {\n  const { children, className, ...rest } = props;\n  const classNames = cx(styles[\"page\"], className);\n\n  return (\n    <div className={classNames} data-anv=\"Page\" ref={ref} {...rest}>\n      <div className={styles[\"container\"]}>{children}</div>\n    </div>\n  );\n});\n\nPageElement.displayName = \"Page\";\n\nexport const Page = Object.assign(PageElement, {\n  Sidebar: PageSidebar,\n  SidebarHeader: PageSidebarHeader,\n  Header: PageHeader,\n  Content: PageContent,\n  Panel: PagePanel,\n});\n"],"names":["core.primitive?.BreakpointLg","props","SegmentSVG","RespClose","RespOpen","OpenSVG","CloseSVG","LocalSettings","ref","rest","MoreVert"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,MAAM,cAAc,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,iJAAiJ,EAAE,CAAC,CAAC;;ACAzX,MAAM,UAAU,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,2MAA2M,EAAE,CAAC,CAAC;;ACA/a,MAAM,kBAAkB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,+IAA+I,EAAE,CAAC,CAAC;;ACA3X,MAAM,gBAAgB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,8kBAA8kB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,keAAke,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,8kBAA8kB,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,keAAke,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;;ACAppF,MAAM,WAAW,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,mJAAmJ,EAAE,CAAC,CAAC;;ACCxX,SAAS,YAAY,CAAC,GAAG,IAAI,EAAE;AAC/B,EAAE,OAAO,KAAK,CAAC,WAAW,CAAC,OAAO,IAAI;AACtC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC1C,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC;AACzB,MAAM,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,KAAK,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,OAAO;AAChH;AACA,GAAG;AACH,EAAE,IAAI,CAAC;AACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACsCA,MAAM,kBAAA,GAAqB,cAA8C,IAAI,CAAA;AAQtE,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,CAAC,OAAyB,GAA6B,KAAA;AACrD,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,eAAkB,GAAA,mBAAA;AAAA,MAClB,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,IAAO,GAAA;AAAA,MACX;AAAA,KACF;AAEA,IAAA,MAAM,EAAE,UAAA,EACN,GAAA,UAAA,CAAsC,oBAAoB,CAAA;AAE5D,IAAA,MAAM,aAAa,aAAc,CAAA;AAAA,MAC/B,IAAM,EAAA,mBAAA;AAAA,MACN,IAAA;AAAA,MACA,WAAa,EAAA,CAAC,CAAC,KAAA,CAAM,kBAAkB;AAAA,KACxC,CAAA;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,MAAM;AAExD,MAAM,MAAA,YAAA,GAAe,YAAa,CAAA,OAAA,CAAQ,eAAe,CAAA;AACzD,MAAA,OAAO,YAAe,GAAA,IAAA,CAAK,KAAM,CAAA,YAAY,CAAI,GAAA,KAAA;AAAA,KAClD,CAAA;AACD,IAAA,MAAM,aAAa,EAAG,CAAA,CAAC,OAAO,SAAS,CAAC,GAAG,SAAW,EAAA;AAAA,MACpD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG;AAAA,KACxB,CAAA;AACD,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,YAAA,CAAa,CAAC,IAAS,KAAA;AACrB,QAAA,YAAA,CAAa,QAAQ,eAAiB,EAAA,IAAA,CAAK,SAAU,CAAA,CAAC,IAAI,CAAC,CAAA;AAC3D,QAAA,OAAO,CAAC,IAAA;AAAA,OACT,CAAA;AAAA,KACH;AAEA,IAAM,MAAA,eAAA,GAAkB,EACtBA,cAA8B,KAAM,CAAA,OAAA,CAAQ,IAAM,EAAA,EAAE,CAAK,IAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,YAAY,UAAc,IAAA,CAAA;AAE7C,IAAA,IAAI,aAAa,eAAiB,EAAA;AAChC,MACE,uBAAA,IAAA,CAAC,WAAQ,mBAAmB,EAAA,IAAA,EAAC,qBAAmB,IAAC,EAAA,SAAA,EAAS,IAAC,EAAA,YAAA,EAAY,IACrE,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAQ,CAAA,OAAA,EAAR,EACE,QAAA,EAAA,CAACC,MAAU,KAAA;AACV,UAAI,IAAA,OAAO,aAAa,WAAa,EAAA;AACnC,YAAAA,MAAM,CAAA,YAAY,CAAM,KAAA,MAAA,GACnB,QAAS,CAAA,IAAA,CAAK,KAAM,CAAA,QAAA,GAAW,QAC/B,GAAA,QAAA,CAAS,IAAK,CAAA,KAAA,CAAM,QAAW,GAAA,MAAA;AAAA;AAEtC,UAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,oCAAoC,CACzD,EAAA,QAAA,kBAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,OAAO,0BAA0B,CAAA;AAAA,cAC5C,IAAM,EAAAC,UAAA;AAAA,cACN,UAAW,EAAA,OAAA;AAAA,cACV,GAAGD,MAAAA;AAAA,cAEH,QAAA,EAAA;AAAA,gBAAA,CAAC,mBAAmB,MAAS,GAAA,gBAAA;AAAA,gCAC9B,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,OAAO,+BAA+B,CAAA;AAAA,oBACjD,cAAe,EAAA,KAAA;AAAA,oBACf,GACEA,EAAAA,MAAAA,CAAM,YAAY,CAAA,KAAM,SAASE,kBAAY,GAAAC;AAAA;AAAA;AAEjD;AAAA;AAAA,WAEJ,EAAA,CAAA;AAAA,SAGN,EAAA,CAAA;AAAA,4BACC,OAAQ,CAAA,OAAA,EAAR,EAAgB,SAAW,EAAA,MAAA,CAAO,4BAA4B,CAC7D,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,QAAA;AAAA,YACV,SAAA,EAAW,OAAO,kBAAkB,CAAA;AAAA,YACpC,GAAA;AAAA,YAEC;AAAA;AAAA,SAEL,EAAA;AAAA,OACF,EAAA,CAAA;AAAA;AAIJ,IAAA,uBACG,GAAA,CAAA,kBAAA,CAAmB,QAAnB,EAAA,EAA4B,OAAO,EAAE,SAAA,EACpC,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,UAAY,EAAA,GAAA,EAAW,GAAG,IACxC,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,eAAe,CAAA,EAAG,eAAa,SACpD,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAS,CACjB,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,uBAAuB,CAC5C,EAAA,QAAA,kBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,OACjB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAQ,OAAR,EAAA,EAAgB,SAAW,EAAA,MAAA,CAAO,uBAAuB,CACxD,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,OAAA;AAAA,YACL,OAAS,EAAA,mBAAA;AAAA,YACT,SAAA,EAAW,OAAO,eAAe,CAAA;AAAA,YACjC,YAAA,EAAY,YAAY,cAAiB,GAAA,eAAA;AAAA,YACzC,kBAAkB,EAAA,UAAA;AAAA,YAClB,IAAA,EAAM,YAAYC,eAAU,GAAAC;AAAA;AAAA,SAEhC,EAAA,CAAA;AAAA,4BACC,OAAQ,CAAA,OAAA,EAAR,EACE,QAAA,EAAA,SAAA,GAAY,iBAAiB,eAChC,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA;AAGN;AAEA,WAAA,CAAY,WAAc,GAAA,cAAA;AAMnB,MAAM,iBAAoB,GAAA,UAAA;AAAA,EAC/B,CAAC,OAA+B,GAA6B,KAAA;AAC3D,IAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,IAAM,MAAA,OAAA,GAAU,WAAW,kBAAkB,CAAA;AAC7C,IAAA,MAAM,aAAa,EAAG,CAAA,CAAC,OAAO,gBAAgB,CAAC,GAAG,SAAS,CAAA;AAE3D,IAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,UAAY,EAAA,GAAA,EAAW,GAAG,IACxC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,gBAAgB,CAAA;AAAA,QAClC,eAAa,OAAS,EAAA,SAAA;AAAA,QAErB;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;AAEA,iBAAA,CAAkB,WAAc,GAAA,oBAAA;AAUzB,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAC,OAAuB,GAA6B,KAAA;AACnD,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAO,GAAA,QAAA;AAAA,MACP,SAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AACJ,IAAA,MAAM,UAAa,GAAA,EAAA,CAAG,CAAC,MAAA,CAAO,OAAO,CAAC,CAAG,EAAA,CAAC,MAAO,CAAA,IAAI,CAAC,CAAA,EAAG,SAAW,EAAA;AAAA,MAClE,CAAC,OAAO,MAAM,CAAC,GAAG,OAAO,IAAA,KAAS,cAAc,IAAO,GAAA,IAAA;AAAA,MACvD,CAAC,MAAO,CAAA,YAAY,CAAC,GAAG,OAAO,IAAS,KAAA,WAAA;AAAA,MACxC,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG;AAAA,KACxB,CAAA;AAED,IAAA,MAAM,EAAE,UAAA,EACN,GAAA,UAAA,CAAsC,oBAAoB,CAAA;AAE5D,IAAM,MAAA,eAAA,GAAkB,EACtBN,cAA8B,KAAM,CAAA,OAAA,CAAQ,IAAM,EAAA,EAAE,CAAK,IAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,UAAA,GAAa,YAAY,UAAc,IAAA,CAAA;AAE7C,IAAA,IAAI,OAAO,IAAA,KAAS,WAAe,IAAA,UAAA,GAAa,eAAiB,EAAA;AAC/D,MAAA,2BACG,MAAO,EAAA,EAAA,IAAA,EACN,QAAC,kBAAA,GAAA,CAAA,MAAA,CAAO,SAAP,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,UAAA;AAAA,UACX,eAAa,CAAC,IAAA;AAAA,UACd,iBAAe,CAAC,IAAA;AAAA,UAChB,GAAA;AAAA,UACC,GAAG,IAAA;AAAA,UAEH;AAAA;AAAA,SAEL,CACF,EAAA,CAAA;AAAA;AAGJ,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,UAAA;AAAA,QACX,eAAa,CAAC,IAAA;AAAA,QACd,iBAAe,CAAC,IAAA;AAAA,QAChB,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,OAAO,aAAa,CAAA;AAAA,YAE/B,QAAU,EAAA,OAAO,IAAS,KAAA,WAAA,IAAe,OAAO,CAAI,GAAA,EAAA;AAAA,YACpD,KAAA;AAAA,YAEA,QAAA,kBAAA,GAAA,CAAC,SAAK,QAAS,EAAA;AAAA;AAAA;AACjB;AAAA,KACF;AAAA;AAGN;AACA,SAAA,CAAU,WAAc,GAAA,WAAA;AAuCjB,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,CAAC,OAAwB,GAA8B,KAAA;AACrD,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,WAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,UAAU,EAAC;AAEtC,IAAA,MAAM,cACJ,GAAA,gBAAA,KACC,MAAU,IAAA,gBAAA,wBACR,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,OAAA;AAAA,UACX,IAAM,EAAAO,gBAAA;AAAA,UACN,IAAK,EAAA,OAAA;AAAA,UACL,SAAA,EAAW,OAAO,mBAAmB,CAAA;AAAA,UACpC,GAAI;AAAA;AAAA,OAET,EAAA,CAAA;AAAA,0BACC,OAAQ,CAAA,OAAA,EAAR,EAAiB,QAAA,EAAA,gBAAA,CAAiB,YAAY,CAAE,EAAA;AAAA,KACnD,EAAA,CAAA,wBAEC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,OAAA;AAAA,UACX,IAAM,EAAAA,gBAAA;AAAA,UACN,IAAK,EAAA,OAAA;AAAA,UACL,SAAA,EAAW,OAAO,mBAAmB,CAAA;AAAA,UACpC,GAAI;AAAA;AAAA,OAET,EAAA,CAAA;AAAA,0BACC,OAAQ,CAAA,OAAA,EAAR,EAAiB,QAAA,EAAA,gBAAA,CAAiB,YAAY,CAAE,EAAA;AAAA,KACnD,EAAA,CAAA,CAAA;AAGJ,IAAM,MAAA,WAAA,GAAc,2BACjB,IAAA,CAAA,IAAA,EAAA,EAAK,gBAAe,UAAW,EAAA,SAAA,EAAW,OAAO,OAC/C,EAAA,QAAA,EAAA;AAAA,MAAQ,OAAA,CAAA,SAAA,EAAW,MAClB,IAAA,OAAA,CAAQ,SAAU,CAAA,MAAA,GAAS,KAC3B,CAAC,OAAA,CAAQ,OACT,IAAA,OAAA,CAAQ,SAAU,CAAA,GAAA,CAAI,CAAC,MAAQ,EAAA,KAAA,qBAC5B,GAAA,CAAA,MAAA,EAAA,EAAmB,UAAW,EAAA,WAAA,EAAa,GAAG,MAC5C,EAAA,QAAA,EAAA,MAAA,CAAO,KADG,EAAA,EAAA,KAEb,CACD,CAAA;AAAA,MAEF,OAAA,CAAQ,WACP,OAAQ,CAAA,SAAA,IACR,QAAQ,SAAW,EAAA,MAAA,GAAS,qBAEvB,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,OAAA,CAAQ,YAAY,CAAC,CAAA,oBACnB,GAAA,CAAA,MAAA,EAAA,EAAO,YAAW,WAAa,EAAA,GAAG,OAAQ,CAAA,SAAA,CAAU,CAAC,CACnD,EAAA,QAAA,EAAA,OAAA,CAAQ,SAAU,CAAA,CAAC,EAAE,KACxB,EAAA,CAAA;AAAA,wBAEF,GAAA,CAAC,UAAO,UAAW,EAAA,SAAA,EAAW,GAAG,OAAQ,CAAA,OAAA,EACtC,QAAQ,EAAA,OAAA,CAAA,OAAA,CAAQ,KACnB,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,MAGH,OAAQ,CAAA,SAAA,KACN,OAAQ,CAAA,SAAA,EAAW,MAAU,IAAA,CAAA,IAC3B,OAAQ,CAAA,SAAA,EAAW,MAAU,IAAA,CAAA,IAAK,OAAQ,CAAA,OAAA,CAAA,oBAEzC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,CAAC,EAAE,GAAA,EAAAC,MAAK,GAAGC,KAAAA,EAClB,qBAAA,IAAA,CAAC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,OAAQ,CAAA,OAAA;AAAA,gBAAR;AAAA,kBACC,GAAKD,EAAAA,IAAAA;AAAA,kBACJ,GAAGC,KAAAA;AAAA,kBAEJ,QAAA,kBAAA,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,UAAW,EAAA,WAAA;AAAA,sBACX,IAAM,EAAAC,WAAA;AAAA,sBACN,YAAW,EAAA;AAAA;AAAA;AACb;AAAA,eACF;AAAA,8BACC,GAAA,CAAA,OAAA,CAAQ,OAAR,EAAA,EAAgB,QAAY,EAAA,cAAA,EAAA;AAAA,aAC/B,EAAA,CAAA;AAAA,YAGD,QAAQ,EAAA,OAAA,CAAA,SAAA,EAAW,GAAI,CAAA,CAAC,QAAQ,KAC/B,qBAAA,GAAA;AAAA,cAAC,IAAK,CAAA,IAAA;AAAA,cAAL;AAAA,gBAEC,OAAO,MAAO,CAAA,KAAA;AAAA,gBACd,SAAS,MAAO,CAAA,OAAA;AAAA,gBAChB,UAAU,MAAO,CAAA;AAAA,eAAA;AAAA,cAHZ;AAAA,aAKR;AAAA;AAAA,SACH;AAAA,QACC,OAAA,CAAQ,OACP,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,UAAA,EAAW,SAAW,EAAA,GAAG,OAAQ,CAAA,OAAA,EACtC,QAAQ,EAAA,OAAA,CAAA,OAAA,CAAQ,KACnB,EAAA;AAAA,OAEJ,EAAA;AAAA,KAEN,EAAA,CAAA;AAGF,IAAA,MAAM,kBAAkB,EAAG,CAAA,MAAA,CAAO,OAAS,EAAA,MAAA,CAAO,QAAQ,SAAS,CAAA;AAEnE,IAAA,MAAM,sBAAyB,GAAA,EAAA;AAAA,MAC7B,OAAO,eAAe,CAAA;AAAA,MACtB,OAAO,sBAAsB;AAAA,KAC/B;AAEA,IAAA,2BACG,QAAO,EAAA,EAAA,GAAA,EAAU,WAAW,eAAkB,EAAA,GAAG,MAChD,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,sBAAA,EACd,+BAAC,MAAO,EAAA,EAAA,KAAA,EAAc,SAAkB,SAAW,EAAA,MAAA,CAAO,QAAQ,CAChE,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,CAAO,MAAP,EACE,QAAA,EAAA,WAAA,wBACE,WACE,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,IAAI,CAAC,UAAA,EAAY,0BAC3B,GAAA,CAAA,WAAA,CAAY,MAAZ,EAA8B,GAAG,cAAX,KAAuB,CAC/C,GACH,CAEJ,EAAA,CAAA;AAAA,2BAEC,MAAO,CAAA,IAAA,EAAP,EAAY,EAAI,EAAA,WAAA,GAAc,IAAI,EACjC,EAAA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAe,CACpC,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,UAAA;AAAA,cACR,IAAK,EAAA,OAAA;AAAA,cACL,EAAG,EAAA,IAAA;AAAA,cACH,WAAW,MAAO,CAAA,KAAA;AAAA,cAEjB,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAEC;AAAA,SACH,EAAA,CAAA;AAAA,QAEC,yBACE,GAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,OACrB,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,0BACf,GAAA,CAAA,IAAA,EAAA,EAAkB,GAAG,IAAX,EAAA,EAAA,KAAiB,CAC7B,CACH,EAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,0BAEC,MAAO,CAAA,IAAA,EAAP,EAAY,EAAA,EAAI,GAAI,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,MAEhC,WAAA,oBACE,GAAA,CAAA,MAAA,CAAO,IAAP,EAAA,EAAY,IAAI,EAAI,EAAA,SAAA,EAAW,MAAO,CAAA,WAAA,EACpC,QACH,EAAA,WAAA,EAAA;AAAA,KAAA,EAEJ,GACF,CACF,EAAA,CAAA;AAAA;AAGN;AAEA,UAAA,CAAW,WAAc,GAAA,aAAA;AAMlB,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,CAAC,OAAyB,GAA8B,KAAA;AACtD,IAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,IAAA,MAAM,aAAa,EAAG,CAAA,CAAC,OAAO,SAAS,CAAC,GAAG,SAAS,CAAA;AACpD,IAAM,MAAA,OAAA,GAAU,OAAwB,IAAI,CAAA;AAC5C,IAAM,MAAA,gBAAA,GAAmB,OAAuB,IAAI,CAAA;AACpD,IAAM,MAAA,OAAA,GAAU,OAAO,IAAI,CAAA;AAC3B,IAAM,MAAA,CAAC,UAAY,EAAA,aAAa,CAAI,GAAA,QAAA;AAAA,MAAA,CACjC,QAAQ,OAAS,EAAA,UAAA,IAAc,MAC7B,OAAQ,CAAA,OAAA,EAAS,eAAe,CACjC,CAAA,GAAA;AAAA,KACJ;AACA,IAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,MACxC,QAAQ,OAAS,EAAA;AAAA,KACnB;AAGA,IAAA,SAAA,CAAU,MAAM;AACd,MAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AACnC,MAAI,IAAA,CAAC,QAAQ,OAAS,EAAA;AACtB,MAAA,SAAS,cAAiB,GAAA;AACxB,QAAA,MAAM,WAAW,MAAO,CAAA,OAAA;AAExB,QAAA,gBAAA,CAAiB,OAAS,EAAA,QAAA,CAAS,CAAG,EAAA,QAAA,IAAY,CAAC,CAAA;AAAA;AAErD,MAAA,MAAA,CAAO,iBAAiB,QAAU,EAAA,cAAA,EAAgB,EAAE,OAAA,EAAS,MAAM,CAAA;AAEnE,MAAA,OAAO,MAAM;AACX,QAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,cAAc,CAAA;AAAA,OACrD;AAAA,KACF,EAAG,EAAE,CAAA;AAGL,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,QAAM,MAAA,QAAA,GAAW,IAAI,cAAA,CAAe,MAAM;AACxC,UAAI,IAAA,CAAC,QAAQ,OAAS,EAAA;AACtB,UAAA,aAAA;AAAA,YACE,OAAQ,CAAA,OAAA,CAAQ,UAAa,GAAA,OAAA,CAAQ,QAAQ,WAAc,GAAA;AAAA,WAC7D;AACA,UAAiB,gBAAA,CAAA,OAAA,CAAQ,QAAQ,YAAY,CAAA;AAAA,SAC9C,CAAA;AAED,QAAS,QAAA,CAAA,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAGhC,QAAA,OAAO,MAAM;AACX,UAAA,QAAA,CAAS,UAAW,EAAA;AAAA,SACtB;AAAA;AACF,KACF,EAAG,EAAE,CAAA;AAEL,IAAA,SAAS,WAAW,CAAyB,EAAA;AAC3C,MAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AACnC,MAAA,IAAI,QAAQ,OAAS,EAAA;AACrB,MAAA,MAAA,CAAO,QAAS,CAAA,CAAA,EAAI,CAAE,CAAA,MAAA,CAA0B,SAAS,CAAA;AAAA;AAG3D,IACE,uBAAA,IAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,UAAY,EAAA,GAAA,EAAK,aAAa,OAAS,EAAA,GAAG,CAAI,EAAA,GAAG,IAChE,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,eAAe,GAAI,QAAS,EAAA,CAAA;AAAA,sBACnD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,OAAO,0BAA0B,CAAA;AAAA,UAC5C,GAAK,EAAA,gBAAA;AAAA,UACL,KAAO,EAAA;AAAA,YACL,IAAM,EAAA;AAAA,WACR;AAAA,UACA,eAAiB,EAAA,UAAA;AAAA,UACjB,cAAc,MAAM;AAClB,YAAA,OAAA,CAAQ,OAAU,GAAA,KAAA;AAAA,WACpB;AAAA,UACA,cAAc,MAAM;AAClB,YAAA,OAAA,CAAQ,OAAU,GAAA,IAAA;AAAA,WACpB;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,SAAI,KAAO,EAAA,EAAE,OAAO,CAAG,EAAA,MAAA,EAAQ,eAAiB,EAAA;AAAA;AAAA;AACnD,KACF,EAAA,CAAA;AAAA;AAGN;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;AAM1B,MAAM,WAAc,GAAA,UAAA,CAAW,CAAC,KAAA,EAAkB,GAA6B,KAAA;AAC7E,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AACzC,EAAA,MAAM,UAAa,GAAA,EAAA,CAAG,MAAO,CAAA,MAAM,GAAG,SAAS,CAAA;AAE/C,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,UAAY,EAAA,UAAA,EAAS,QAAO,GAAW,EAAA,GAAG,IACxD,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,WAAW,CAAA,EAAI,UAAS,CACjD,EAAA,CAAA;AAEJ,CAAC,CAAA;AAED,WAAA,CAAY,WAAc,GAAA,MAAA;AAEb,MAAA,IAAA,GAAO,MAAO,CAAA,MAAA,CAAO,WAAa,EAAA;AAAA,EAC7C,OAAS,EAAA,WAAA;AAAA,EACT,aAAe,EAAA,iBAAA;AAAA,EACf,MAAQ,EAAA,UAAA;AAAA,EACR,OAAS,EAAA,WAAA;AAAA,EACT,KAAO,EAAA;AACT,CAAC;;;;","x_google_ignoreList":[5]}