@servicetitan/anvil2 2.6.1 → 2.7.1

package/dist/Page-DtSjnBJL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page-DtSjnBJL.js","sources":["../../hammer-icon/mdi/round/segment.svg","../../hammer-icon/mdi/round/chevron_left.svg","../src/components/Page/PageSidebarContext.ts","../src/components/Page/PageContext.ts","../src/components/Page/PageSidebar.tsx","../src/components/Page/PageSidebarHeader.tsx","../../hammer-icon/mdi/round/settings.svg","../src/components/Page/PageHeader.tsx","../src/components/Page/PageContent.tsx","../src/components/Page/PagePanel.tsx","../src/components/Page/PageFooter.tsx","../src/components/Page/Page.tsx"],"sourcesContent":["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 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 { createContext } from \"react\";\n\ntype PageSideBarContextProps = {\n  collapsed: boolean;\n};\n\nexport const PageSideBarContext = createContext<PageSideBarContextProps | null>(\n  null,\n);\n","import { createContext } from \"react\";\n\nexport const PageContext = createContext<PageContextProps>({});\n\nexport type PageContextProps = {\n  pageWidth?: number;\n  contentWrapper?: HTMLElement | null;\n  footerSlot?: HTMLElement | null;\n};\n","import { Popover, Button, Icon, Flex, Tooltip } from \"../\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useState,\n  useLayoutEffect,\n} from \"react\";\nimport { useTrackingId } from \"../../hooks\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\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 OpenSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport CloseSVG from \"@servicetitan/hammer-icon/mdi/round/chevron_left.svg\";\nimport { PageSideBarContext } from \"./PageSidebarContext\";\nimport { PageContext, PageContextProps } from \"./PageContext\";\n\n/**\n * Props for the PageSidebar component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageSidebarProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Key for storing sidebar collapsed state in localStorage\n   * @default \"sidebar-collapsed\"\n   */\n  localStorageKey?: string;\n  /**\n   * Custom tracking ID for analytics\n   */\n  [\"data-tracking-id\"]?: string;\n  /**\n   * Title to display in the adaptive trigger button\n   */\n  currentPageTitle?: string;\n};\n\n/**\n * PageSidebar component for creating collapsible navigation sidebars.\n *\n * Features:\n * - Collapsible sidebar with localStorage persistence\n * - Responsive design with adaptive popover on mobile\n * - Automatic tracking ID generation for analytics\n * - Keyboard navigation and accessibility support\n * - Toggle button with tooltip\n * - Context provider for sidebar state\n * - Mobile-friendly popover navigation\n *\n * @example\n * <Page.Sidebar currentPageTitle=\"Navigation\">\n *   <Page.SidebarHeader>\n *     <Text variant=\"headline\" el=\"h2\">Sidebar Title</Text>\n *   </Page.SidebarHeader>\n *   <SideNav>\n *     <SideNavLink pathname=\"/\">Home</SideNavLink>\n *   </SideNav>\n * </Page.Sidebar>\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 { pageWidth } = useContext<PageContextProps>(PageContext);\n    const [isMobile, setIsMobile] = useState<boolean>();\n\n    useLayoutEffect(() => {\n      const breakpointWidth = +(\n        core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n      );\n      const innerWidth = pageWidth ?? 0;\n      setIsMobile(innerWidth < breakpointWidth);\n    }, [pageWidth]);\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    if (typeof isMobile !== \"undefined\" && isMobile) {\n      return (\n        <Popover fillAvailableHeight matchReferenceWidth noPadding disableCaret>\n          <Popover.Trigger>\n            {(props) => {\n              if (typeof document !== \"undefined\") {\n                if (props[\"aria-expanded\"]) {\n                  document.body.style.overflow = \"hidden\";\n                } else {\n                  document.body.style.overflow = \"auto\";\n                }\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={props[\"aria-expanded\"] ? RespClose : RespOpen}\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","import { ComponentPropsWithoutRef, forwardRef, Ref, useContext } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageSideBarContext } from \"./PageSidebarContext\";\n\n/**\n * Props for the PageSidebarHeader component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageSidebarHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * PageSidebarHeader component for creating header sections within sidebars.\n *\n * Features:\n * - Container for sidebar header content\n * - Automatic visibility handling based on sidebar collapsed state\n * - Supports all standard div props\n * - Context-aware styling\n *\n * @example\n * <Page.SidebarHeader>\n *   <Text variant=\"headline\" el=\"h2\" size=\"medium\">\n *     Sidebar Title\n *   </Text>\n * </Page.SidebarHeader>\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","import * as React from \"react\";\nconst SvgSettings = (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: \"M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\" }));\nexport default SvgSettings;\n","import {\n  ButtonProps,\n  ButtonLinkProps,\n  BreadcrumbsLinkProps,\n  ChipProps,\n  Tooltip,\n  ButtonLink,\n  Button,\n  Flex,\n  Menu,\n  Breadcrumbs,\n  Chip,\n  Text,\n  TextField,\n} from \"../\";\nimport {\n  ComponentPropsWithoutRef,\n  ReactNode,\n  forwardRef,\n  Ref,\n  RefObject,\n  useState,\n  useRef,\n  useEffect,\n  KeyboardEvent,\n} from \"react\";\nimport Layout, { LayoutProps } from \"../Layout\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport LocalSettings from \"@servicetitan/hammer-icon/mdi/round/settings.svg\";\nimport MoreVert from \"@servicetitan/hammer-icon/mdi/round/more_vert.svg\";\nimport Edit from \"@servicetitan/hammer-icon/mdi/round/edit.svg\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\n\n/**\n * Props for page header action buttons\n */\ntype PageHeaderActionProps = Omit<ButtonProps, \"appearance\"> & {\n  /**\n   * Label text for the action button\n   */\n  label: string;\n};\n\n/**\n * Props for page header actions configuration\n */\ntype PageHeaderActionsProps = {\n  /**\n   * Primary action button\n   */\n  primary?: PageHeaderActionProps;\n  /**\n   * Array of secondary action buttons\n   */\n  secondary?: PageHeaderActionProps[];\n};\n\n/**\n * Base props for preference actions\n */\ntype BasePreferenceProps = {\n  /**\n   * Accessible label for the preference action\n   */\n  \"aria-label\": string;\n};\n\n/**\n * Props for preference button actions\n */\ntype PreferenceButtonProps = Omit<\n  ButtonProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\n/**\n * Props for preference link actions\n */\ntype PreferenceLinkProps = Omit<\n  ButtonLinkProps,\n  \"aria-label\" | \"icon\" | \"appearance\" | \"size\" | \"className\"\n> &\n  BasePreferenceProps;\n\ntype PageHeaderTitleConfig = {\n  text: string;\n  onChange?: (title: string) => void | boolean;\n  editButtonLabel?: string;\n  editFieldLabel?: string;\n  confirmButtonLabel?: string;\n  cancelButtonLabel?: string;\n};\n\ntype PageHeaderTitle = PageHeaderTitleConfig[\"text\"] | PageHeaderTitleConfig;\n\n/**\n * Props for the PageHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type PageHeaderProps = Omit<\n  ComponentPropsWithoutRef<\"header\">,\n  \"title\"\n> & {\n  /**\n   * Main title of the page\n   */\n  title: PageHeaderTitle;\n  /**\n   * Breadcrumb navigation links\n   */\n  breadcrumbs?: BreadcrumbsLinkProps[];\n  /**\n   * Status chips to display\n   */\n  chips?: ChipProps[];\n  /**\n   * Description text or content below the title\n   */\n  description?: ReactNode;\n  /**\n   * Primary and secondary action buttons\n   */\n  actions?: PageHeaderActionsProps;\n  /**\n   * Preference action button or link\n   */\n  preferenceAction?: PreferenceButtonProps | PreferenceLinkProps;\n  /**\n   * Layout configuration for the header\n   */\n  layout?: LayoutProps;\n};\n\n/**\n * PageHeader component for creating page headers with navigation and actions.\n *\n * Features:\n * - Page title with semantic heading\n * - Breadcrumb navigation support\n * - Status chips display\n * - Primary and secondary action buttons\n * - Preference action button/link\n * - Responsive layout with fluid grid\n * - Accessibility support with proper ARIA labels\n * - Flexible layout configuration\n * - Description content support\n *\n * @example\n * <Page.Header\n *   title=\"Page Title\"\n *   breadcrumbs={[\n *     { href: \"/\", children: \"Home\" },\n *     { children: \"Current Page\" }\n *   ]}\n *   chips={[{ label: \"Status\" }]}\n *   actions={{\n *     primary: { label: \"Save\", onClick: handleSave },\n *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n *   }}\n * />\n */\nexport const PageHeader = forwardRef(\n  (props: PageHeaderProps, ref: Ref<HTMLHeadElement>) => {\n    const {\n      title: titleProp,\n      breadcrumbs,\n      chips,\n      description,\n      actions,\n      preferenceAction,\n      layout,\n      className,\n      ...rest\n    } = props;\n\n    const title: PageHeaderTitleConfig =\n      typeof titleProp === \"string\" ? { text: titleProp } : titleProp;\n\n    const [editing, setEditing] = useState(false);\n    const [editingTitle, setEditingTitle] = useState<\n      PageHeaderTitleConfig[\"text\"]\n    >(title.text);\n    const editFieldRef = useRef<HTMLInputElement>(null);\n    const editButtonRef = useRef<HTMLButtonElement>(null);\n    const firstRenderRef = useRef(true);\n\n    useEffect(() => {\n      if (firstRenderRef.current) {\n        firstRenderRef.current = false;\n        return;\n      }\n\n      if (editing === true && editFieldRef.current) {\n        editFieldRef.current.focus();\n      }\n\n      if (editing === false && editButtonRef.current) {\n        editButtonRef.current.focus();\n      }\n    }, [editing]);\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        {/* Only primary action */}\n        {actions.primary &&\n          (!actions.secondary || actions.secondary.length === 0) && (\n            <Button appearance=\"primary\" {...actions.primary}>\n              {actions.primary.label}\n            </Button>\n          )}\n\n        {/* Only secondary actions (1-2 buttons) */}\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        {/* 1 secondary action + primary action */}\n        {actions.primary &&\n          !!actions.secondary?.length &&\n          actions.secondary.length === 1 && (\n            <>\n              <Button appearance=\"secondary\" {...actions.secondary[0]}>\n                {actions.secondary[0].label}\n              </Button>\n              <Button appearance=\"primary\" {...actions.primary}>\n                {actions.primary.label}\n              </Button>\n            </>\n          )}\n\n        {/* Multiple secondary actions (3+) with optional primary */}\n        {!!actions.secondary?.length &&\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                    >\n                      <Button\n                        appearance=\"secondary\"\n                        icon={MoreVert}\n                        aria-label=\"More actions\"\n                        {...rest}\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            {breadcrumbs && (\n              <Layout.Item>\n                <Breadcrumbs>\n                  {breadcrumbs.map((breadcrumb, index) => (\n                    <Breadcrumbs.Link key={index} {...breadcrumb} />\n                  ))}\n                </Breadcrumbs>\n              </Layout.Item>\n            )}\n\n            <Layout.Item md={actionItems || editing ? 6 : 12}>\n              <div className={styles[\"title-wrapper\"]}>\n                {title.onChange && editing ? (\n                  <form\n                    onSubmit={(e) => {\n                      e.preventDefault();\n                      if (title.onChange?.(editingTitle) !== false) {\n                        setEditing(false);\n                      }\n                    }}\n                    style={{ display: \"flex\" }}\n                  >\n                    <Flex alignItems=\"center\" grow={1} gap={2}>\n                      <TextField\n                        aria-label={title.editFieldLabel ?? \"Page title\"}\n                        defaultValue={title.text}\n                        flexGrow={1}\n                        ref={editFieldRef}\n                        onChange={(event) =>\n                          setEditingTitle(event.target.value)\n                        }\n                        onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n                          if (e.code === \"Escape\") {\n                            setEditing(false);\n                            setEditingTitle(title.text);\n                          }\n                        }}\n                      />\n\n                      <Flex alignItems=\"center\" gap={1}>\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Check}\n                              aria-label={\n                                title.confirmButtonLabel ?? \"Update title\"\n                              }\n                              size=\"small\"\n                              appearance=\"primary\"\n                              onClick={() => {\n                                if (title.onChange?.(editingTitle) !== false) {\n                                  setEditing(false);\n                                }\n                              }}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.confirmButtonLabel ?? \"Update title\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Close}\n                              aria-label={title.cancelButtonLabel ?? \"Cancel\"}\n                              size=\"small\"\n                              onClick={() => {\n                                setEditing(false);\n                                setEditingTitle(title.text);\n                              }}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.cancelButtonLabel ?? \"Cancel\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n                      </Flex>\n                    </Flex>\n                  </form>\n                ) : (\n                  <>\n                    <Text\n                      variant=\"headline\"\n                      size=\"large\"\n                      el=\"h1\"\n                      className={styles.title}\n                    >\n                      {title.text}\n                    </Text>\n\n                    {title.onChange != null ? (\n                      <>\n                        {\" \"}\n                        <Tooltip>\n                          <Tooltip.Trigger>\n                            <Button\n                              icon={Edit}\n                              aria-label={title.editButtonLabel ?? \"Edit title\"}\n                              size=\"small\"\n                              appearance=\"ghost\"\n                              ref={editButtonRef}\n                              onClick={() => setEditing(true)}\n                            />\n                          </Tooltip.Trigger>\n                          <Tooltip.Content>\n                            {title.editButtonLabel ?? \"Edit title\"}\n                          </Tooltip.Content>\n                        </Tooltip>\n                      </>\n                    ) : null}\n                  </>\n                )}\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            {actions && <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","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n  UIEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageContext } from \"./PageContext\";\nimport { useMergeRefs } from \"../../hooks\";\n\n/**\n * Props for the PageContent component\n * @extends ComponentPropsWithoutRef<\"section\">\n */\nexport type PageContentProps = ComponentPropsWithoutRef<\"section\">;\n\n/**\n * PageContent component for the main content area of a page.\n *\n * Features:\n * - Renders as a section element inside Page's main landmark\n * - Virtual scrolling support for long content\n * - Automatic scroll synchronization\n * - Responsive design\n * - Portals into Page's content wrapper via context\n * - Scroll position management\n *\n * @example\n * <Page.Content>\n *   <Text>Main page content goes here</Text>\n *   <Button>Action Button</Button>\n * </Page.Content>\n */\nexport const PageContent = forwardRef(\n  (props: PageContentProps, ref: Ref<HTMLElement>) => {\n    const { children, className, ...rest } = props;\n    const classNames = cx([styles[\"content\"]], className);\n    const sectionRef = useRef<HTMLElement>(null);\n    const virtualScrollRef = useRef<HTMLDivElement>(null);\n    const blocker = useRef(true);\n    const [leftOffset, setLeftOffset] = useState(\n      (sectionRef.current?.offsetLeft ?? 0) +\n        (sectionRef.current?.offsetWidth ?? 0) -\n        9,\n    );\n    const [contentHeight, setContentHeight] = useState(\n      sectionRef.current?.offsetHeight,\n    );\n\n    const { contentWrapper } = useContext(PageContext);\n\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    useEffect(() => {\n      if (sectionRef.current) {\n        const wrapperParent = sectionRef.current.parentElement;\n        const isWrapped =\n          wrapperParent?.classList.contains(styles[\"content-wrapper\"]) ?? false;\n        const heightTarget = isWrapped ? wrapperParent! : sectionRef.current;\n\n        const observer = new ResizeObserver(() => {\n          if (!sectionRef.current) return;\n          setLeftOffset(\n            sectionRef.current.offsetLeft + sectionRef.current.offsetWidth - 9,\n          );\n          const offsetStr = getComputedStyle(sectionRef.current)\n            .getPropertyValue(\"--offset\")\n            .trim();\n          const offset = parseFloat(offsetStr) || 0;\n          const rawHeight = document.documentElement.scrollHeight - offset;\n          const safeHeight = Number.isFinite(rawHeight)\n            ? Math.max(0, rawHeight)\n            : 0;\n          setContentHeight(safeHeight);\n        });\n\n        observer.observe(sectionRef.current);\n        if (isWrapped) {\n          observer.observe(heightTarget);\n        }\n\n        return () => {\n          observer.disconnect();\n        };\n      }\n    }, [contentWrapper]);\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    const section = (\n      <section\n        className={classNames}\n        ref={useMergeRefs([sectionRef, ref])}\n        {...rest}\n      >\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      </section>\n    );\n\n    if (contentWrapper) {\n      return createPortal(section, contentWrapper);\n    }\n\n    if (contentWrapper === undefined) {\n      return section;\n    }\n\n    return null;\n  },\n);\n\nPageContent.displayName = \"PageContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  Ref,\n  useContext,\n  useLayoutEffect,\n  useState,\n  useMemo,\n  CSSProperties,\n} from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport Dialog from \"../Dialog\";\nimport { PageContext, PageContextProps } from \"./PageContext\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useDrillDownContext } from \"../DrillDown/internal/useDrillDownContext\";\n\n/**\n * Props for the PagePanel component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PagePanelProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Whether the panel is open\n   * @default true\n   */\n  open?: boolean;\n  /**\n   * Size of the panel\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to remove default padding from the panel\n   * @default false\n   */\n  noPadding?: boolean;\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\nconst PagePanelInner = ({\n  style,\n  open,\n  children,\n}: {\n  style?: CSSProperties;\n  open?: boolean;\n  children?: React.ReactNode;\n}) => {\n  const { index } = useDrillDownContext();\n\n  const classNames = cx([styles[\"panel-inner\"]], {\n    [styles[\"drilldown-open\"]]: index !== undefined,\n  });\n\n  return (\n    <>\n      <div\n        className={classNames}\n        /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */\n        tabIndex={typeof open !== \"undefined\" && open ? 0 : -1}\n        style={{ ...style, overflowY: index === undefined ? \"auto\" : \"hidden\" }}\n      >\n        <div>{children}</div>\n      </div>\n    </>\n  );\n};\n\n/**\n * PagePanel component for creating slide-out panels or dialogs.\n *\n * Features:\n * - Responsive design with dialog fallback on mobile\n * - Multiple size variants (small, medium, large)\n * - Optional padding control\n * - Persistent or controlled open state\n * - Automatic mobile dialog conversion\n * - Keyboard navigation and accessibility support\n * - Smooth animations and transitions\n *\n * @example\n * <Page.Panel open={isOpen} size=\"medium\">\n *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n * </Page.Panel>\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      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n    const [isMobile, setIsMobile] = useState<boolean>(false);\n\n    const classNames = cx(\n      [styles.panel, drillDownStyles.panel],\n      [styles[size]],\n      className,\n      {\n        [styles[\"open\"]]: typeof open === \"undefined\" ? true : open,\n        [styles[\"persistent\"]]: typeof open === \"undefined\",\n        [styles[\"noPadding\"]]: noPadding,\n      },\n    );\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    useMemo(() => {\n      onDrillDownContextChange?.(drillDownContextValue);\n    }, [drillDownContextValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const { pageWidth } = useContext<PageContextProps>(PageContext);\n\n    useLayoutEffect(() => {\n      const breakpointWidth = +(\n        core.primitive?.BreakpointLg?.value.replace(\"px\", \"\") ?? 0\n      );\n      const innerWidth = pageWidth ?? 0;\n      setIsMobile(innerWidth < breakpointWidth);\n    }, [pageWidth]);\n\n    if (typeof open !== \"undefined\" && isMobile) {\n      return (\n        <Dialog\n          open={open}\n          defaultDrillDownIndex={defaultDrillDownIndex}\n          onDrillDownContextChange={onDrillDownContextChange}\n        >\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      <DrillDownContext.Provider value={drillDownContextValue}>\n        <div\n          className={classNames}\n          aria-hidden={!open}\n          aria-disabled={!open}\n          ref={ref}\n          {...rest}\n        >\n          <PagePanelInner style={style} open={open}>\n            {children}\n          </PagePanelInner>\n        </div>\n      </DrillDownContext.Provider>\n    );\n  },\n);\n\nPagePanel.displayName = \"PagePanel\";\n","import { ComponentPropsWithoutRef, forwardRef, Ref, useContext } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../types\";\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageContext } from \"./PageContext\";\n\n/**\n * Props for the PageFooter component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type PageFooterProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * PageFooter component for creating page footers with layout utilities.\n *\n * Features:\n * - Semantic footer element\n * - Layout utility props support\n * - Responsive design\n * - Accessibility support with proper footer landmark\n * - Flexible content positioning\n * - Portals into Page's footer slot via context\n *\n * @example\n * <Page.Footer>\n *   <Text>Footer content with layout utilities</Text>\n * </Page.Footer>\n */\nexport const PageFooter = forwardRef(\n  (props: PageFooterProps, ref: Ref<HTMLDivElement>) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { children, className, style, ...rest } = componentProps;\n    const { footerSlot } = useContext(PageContext);\n\n    const classNames = cx([styles[\"content-footer\"]], className);\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    const footer = (\n      <footer className={classNames} ref={ref} style={styleCombined} {...rest}>\n        {children}\n      </footer>\n    );\n\n    if (footerSlot) {\n      return createPortal(footer, footerSlot);\n    }\n\n    if (footerSlot === undefined) {\n      return footer;\n    }\n\n    return null;\n  },\n);\nPageFooter.displayName = \"PageFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cx from \"classnames\";\nimport styles from \"./Page.module.scss\";\nimport { PageSidebar } from \"./PageSidebar\";\nimport { PageSidebarHeader } from \"./PageSidebarHeader\";\nimport { PageHeader } from \"./PageHeader\";\nimport { PageContent } from \"./PageContent\";\nimport { PagePanel } from \"./PagePanel\";\nimport { PageFooter } from \"./PageFooter\";\nimport { PageContext } from \"./PageContext\";\nimport { useMergeRefs } from \"../../hooks\";\n\n//--- Start Page Element ---//\n/**\n * Props for the Page component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type PageProps = ComponentPropsWithoutRef<\"div\">;\n\n/**\n * Page component for creating full-page layouts with navigation and content areas.\n *\n * Features:\n * - Container for complete page layouts\n * - Supports sidebar navigation with collapsible state\n * - Header with breadcrumbs, chips, and action buttons\n * - Main content area with virtual scrolling\n * - Optional slide-out panels with responsive dialog fallback\n * - Footer with layout utilities\n * - Responsive design with mobile adaptations\n * - Accessibility support with proper landmarks\n * - Automatic tracking ID generation for analytics\n * - Local storage persistence for sidebar state\n *\n * @example\n * <Page>\n *   <Page.Sidebar currentPageTitle=\"Navigation\">\n *     <Page.SidebarHeader>\n *       <Text variant=\"headline\" el=\"h2\">Navigation</Text>\n *     </Page.SidebarHeader>\n *     <SideNav>\n *       <SideNavLink pathname=\"/\">Home</SideNavLink>\n *     </SideNav>\n *   </Page.Sidebar>\n *   <Page.Header\n *     title=\"Page Title\"\n *     breadcrumbs={[{ href: \"/\", children: \"Home\" }]}\n *     actions={{ primary: { label: \"Save\", onClick: handleSave } }}\n *   />\n *   <Page.Content>\n *     <Text>Main content</Text>\n *   </Page.Content>\n *   <Page.Panel open={isPanelOpen} size=\"medium\">\n *     <Text>Panel content</Text>\n *   </Page.Panel>\n *   <Page.Footer>\n *     <Text>Footer content</Text>\n *   </Page.Footer>\n * </Page>\n */\nexport const Page = Object.assign(\n  forwardRef<HTMLDivElement, PageProps>(function PageInner(props, ref) {\n    const { children, className, ...rest } = props;\n    const classNames = cx(styles[\"page\"], className);\n    const elRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n\n    const [pageWidth, setPageWidth] = useState<number>(0);\n    const [contentWrapper, setContentWrapper] = useState<HTMLElement | null>(\n      null,\n    );\n    const [footerSlot, setFooterSlot] = useState<HTMLElement | null>(null);\n\n    useLayoutEffect(() => {\n      const element = elRef.current;\n      const resizeObserver = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) {\n          setPageWidth(entry.contentRect.width);\n        }\n      });\n      if (element) {\n        resizeObserver.observe(element);\n      }\n      return () => {\n        if (element) {\n          resizeObserver.unobserve(element);\n          resizeObserver.disconnect();\n        }\n      };\n    }, [elRef]);\n\n    return (\n      <PageContext.Provider value={{ pageWidth, contentWrapper, footerSlot }}>\n        <div className={classNames} data-anv=\"Page\" ref={combinedRef} {...rest}>\n          <div className={styles[\"container\"]}>\n            {children}\n            <main\n              className={styles[\"content-wrapper\"]}\n              ref={setContentWrapper}\n            />\n            <div className={styles[\"footer-slot\"]} ref={setFooterSlot} />\n          </div>\n        </div>\n      </PageContext.Provider>\n    );\n  }),\n  {\n    /**\n     * PageSidebar component for creating collapsible navigation sidebars.\n     *\n     * Features:\n     * - Collapsible sidebar with localStorage persistence\n     * - Responsive design with adaptive popover on mobile\n     * - Automatic tracking ID generation for analytics\n     * - Keyboard navigation and accessibility support\n     * - Toggle button with tooltip\n     * - Context provider for sidebar state\n     * - Mobile-friendly popover navigation\n     *\n     * @example\n     * <Page.Sidebar currentPageTitle=\"Navigation\">\n     *   <Page.SidebarHeader>\n     *     <Text variant=\"headline\" el=\"h2\">Sidebar Title</Text>\n     *   </Page.SidebarHeader>\n     *   <SideNav>\n     *     <SideNavLink pathname=\"/\">Home</SideNavLink>\n     *   </SideNav>\n     * </Page.Sidebar>\n     */\n    Sidebar: PageSidebar,\n    /**\n     * PageSidebarHeader component for creating header sections within sidebars.\n     *\n     * Features:\n     * - Container for sidebar header content\n     * - Automatic visibility handling based on sidebar collapsed state\n     * - Supports all standard div props\n     * - Context-aware styling\n     *\n     * @example\n     * <Page.SidebarHeader>\n     *   <Text variant=\"headline\" el=\"h2\" size=\"medium\">\n     *     Sidebar Title\n     *   </Text>\n     * </Page.SidebarHeader>\n     */\n    SidebarHeader: PageSidebarHeader,\n    /**\n     * PageHeader component for creating page headers with navigation and actions.\n     *\n     * Features:\n     * - Page title with semantic heading\n     * - Breadcrumb navigation support\n     * - Status chips display\n     * - Primary and secondary action buttons\n     * - Preference action button/link\n     * - Responsive layout with fluid grid\n     * - Accessibility support with proper ARIA labels\n     * - Flexible layout configuration\n     * - Description content support\n     *\n     * @example\n     * <Page.Header\n     *   title=\"Page Title\"\n     *   breadcrumbs={[\n     *     { href: \"/\", children: \"Home\" },\n     *     { children: \"Current Page\" }\n     *   ]}\n     *   chips={[{ label: \"Status\" }]}\n     *   actions={{\n     *     primary: { label: \"Save\", onClick: handleSave },\n     *     secondary: [{ label: \"Cancel\", onClick: handleCancel }]\n     *   }}\n     * />\n     */\n    Header: PageHeader,\n    /**\n     * PageContent component for the main content area of a page.\n     *\n     * Features:\n     * - Semantic main element for page content\n     * - Virtual scrolling support for long content\n     * - Automatic scroll synchronization\n     * - Responsive design\n     * - Accessibility support with proper main landmark\n     * - Scroll position management\n     *\n     * @example\n     * <Page.Content>\n     *   <Text>Main page content goes here</Text>\n     *   <Button>Action Button</Button>\n     * </Page.Content>\n     */\n    Content: PageContent,\n    /**\n     * PagePanel component for creating slide-out panels or dialogs.\n     *\n     * Features:\n     * - Responsive design with dialog fallback on mobile\n     * - Multiple size variants (small, medium, large)\n     * - Optional padding control\n     * - Persistent or controlled open state\n     * - Automatic mobile dialog conversion\n     * - Keyboard navigation and accessibility support\n     * - Smooth animations and transitions\n     *\n     * @example\n     * <Page.Panel open={isOpen} size=\"medium\">\n     *   <Text variant=\"headline\" el=\"h3\">Panel Content</Text>\n     *   <Button onClick={() => setIsOpen(false)}>Close</Button>\n     * </Page.Panel>\n     */\n    Panel: PagePanel,\n    /**\n     * PageFooter component for creating page footers with layout utilities.\n     *\n     * Features:\n     * - Semantic footer element\n     * - Layout utility props support\n     * - Responsive design\n     * - Accessibility support with proper footer landmark\n     * - Flexible content positioning\n     *\n     * @example\n     * <Page.Footer>\n     *   <Text>Footer content with layout utilities</Text>\n     * </Page.Footer>\n     */\n    Footer: PageFooter,\n  },\n);\nPage.displayName = \"Page\";\n"],"names":["core.primitive?.BreakpointLg","props","SegmentSVG","RespClose","RespOpen","OpenSVG","CloseSVG","LocalSettings","ref","rest","MoreVert","Check","Close","Edit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,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,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;;ACKlX,MAAM,kBAAA,GAAqB,aAAA;AAAA,EAChC;AACF,CAAA;;ACNO,MAAM,WAAA,GAAc,aAAA,CAAgC,EAAE,CAAA;;AC6DtD,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,OAAyB,GAAA,KAA6B;AACrD,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,gBAAA;AAAA,MACA,eAAA,GAAkB,mBAAA;AAAA,MAClB,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,IAAA,GAAO;AAAA,MACX;AAAA,KACF;AAEA,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,CAA6B,WAAW,CAAA;AAC9D,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,EAAkB;AAElD,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAM,eAAA,GAAkB,EACtBA,cAA8B,KAAA,CAAM,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAA,IAAK,CAAA,CAAA;AAE3D,MAAA,MAAM,aAAa,SAAA,IAAa,CAAA;AAChC,MAAA,WAAA,CAAY,aAAa,eAAe,CAAA;AAAA,IAC1C,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,IAAA,MAAM,aAAa,aAAA,CAAc;AAAA,MAC/B,IAAA,EAAM,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,MAAA,MAAM,YAAA,GAAe,YAAA,CAAa,OAAA,CAAQ,eAAe,CAAA;AACzD,MAAA,OAAO,YAAA,GAAe,IAAA,CAAK,KAAA,CAAM,YAAY,CAAA,GAAI,KAAA;AAAA,IACnD,CAAC,CAAA;AACD,IAAA,MAAM,aAAa,EAAA,CAAG,CAAC,OAAO,SAAS,CAAC,GAAG,SAAA,EAAW;AAAA,MACpD,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG;AAAA,KACxB,CAAA;AACD,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,YAAA,CAAa,CAAC,IAAA,KAAS;AACrB,QAAA,YAAA,CAAa,QAAQ,eAAA,EAAiB,IAAA,CAAK,SAAA,CAAU,CAAC,IAAI,CAAC,CAAA;AAC3D,QAAA,OAAO,CAAC,IAAA;AAAA,MACV,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,IAAI,OAAO,QAAA,KAAa,WAAA,IAAe,QAAA,EAAU;AAC/C,MAAA,uBACE,IAAA,CAAC,WAAQ,mBAAA,EAAmB,IAAA,EAAC,qBAAmB,IAAA,EAAC,SAAA,EAAS,IAAA,EAAC,YAAA,EAAY,IAAA,EACrE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,CAAQ,OAAA,EAAR,EACE,QAAA,EAAA,CAACC,MAAAA,KAAU;AACV,UAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,YAAA,IAAIA,MAAAA,CAAM,eAAe,CAAA,EAAG;AAC1B,cAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAAA,YACjC,CAAA,MAAO;AACL,cAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,MAAA;AAAA,YACjC;AAAA,UACF;AACA,UAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,oCAAoC,CAAA,EACzD,QAAA,kBAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,OAAO,0BAA0B,CAAA;AAAA,cAC5C,IAAA,EAAMC,UAAA;AAAA,cACN,UAAA,EAAW,OAAA;AAAA,cACV,GAAGD,MAAAA;AAAA,cAEH,QAAA,EAAA;AAAA,gBAAA,CAAC,mBAAmB,MAAA,GAAS,gBAAA;AAAA,gCAC9B,GAAA;AAAA,kBAAC,IAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,OAAO,+BAA+B,CAAA;AAAA,oBACjD,cAAA,EAAe,KAAA;AAAA,oBACf,GAAA,EAAKA,MAAAA,CAAM,eAAe,CAAA,GAAIE,kBAAA,GAAYC;AAAA;AAAA;AAC5C;AAAA;AAAA,WACF,EACF,CAAA;AAAA,QAEJ,CAAA,EACF,CAAA;AAAA,4BACC,OAAA,CAAQ,OAAA,EAAR,EAAgB,SAAA,EAAW,MAAA,CAAO,4BAA4B,CAAA,EAC7D,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,QAAA;AAAA,YACV,SAAA,EAAW,OAAO,kBAAkB,CAAA;AAAA,YACpC,GAAA;AAAA,YAEC;AAAA;AAAA,SACH,EACF;AAAA,OAAA,EACF,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAO,EAAE,SAAA,EAAU,EAC9C,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,EAAY,GAAA,EAAW,GAAG,IAAA,EACxC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAe,CAAA,EAAG,eAAa,SAAA,EACpD,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAK,QAAA,EAAS,CAAA,EACjB,CAAA;AAAA,sBACA,GAAA,CAAC,SAAI,SAAA,EAAW,MAAA,CAAO,uBAAuB,CAAA,EAC5C,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,OAAA,EACjB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAQ,OAAA,EAAR,EAAgB,SAAA,EAAW,MAAA,CAAO,uBAAuB,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,OAAA,EAAS,mBAAA;AAAA,YACT,SAAA,EAAW,OAAO,eAAe,CAAA;AAAA,YACjC,YAAA,EAAY,YAAY,cAAA,GAAiB,eAAA;AAAA,YACzC,kBAAA,EAAkB,UAAA;AAAA,YAClB,IAAA,EAAM,YAAYC,eAAA,GAAUC;AAAA;AAAA,SAC9B,EACF,CAAA;AAAA,4BACC,OAAA,CAAQ,OAAA,EAAR,EACE,QAAA,EAAA,SAAA,GAAY,iBAAiB,eAAA,EAChC;AAAA,OAAA,EACF,CAAA,EACF;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,cAAA;;AC3JnB,MAAM,iBAAA,GAAoB,UAAA;AAAA,EAC/B,CAAC,OAA+B,GAAA,KAA6B;AAC3D,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACzC,IAAA,MAAM,OAAA,GAAU,WAAW,kBAAkB,CAAA;AAC7C,IAAA,MAAM,aAAa,EAAA,CAAG,CAAC,OAAO,gBAAgB,CAAC,GAAG,SAAS,CAAA;AAE3D,IAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAW,UAAA,EAAY,GAAA,EAAW,GAAG,IAAA,EACxC,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,OAAO,gBAAgB,CAAA;AAAA,QAClC,eAAa,OAAA,EAAS,SAAA;AAAA,QAErB;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,oBAAA;;AC7ChC,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,2qBAA2qB,EAAE,CAAC,CAAC;;ACmKz4B,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAA8B;AACrD,IAAA,MAAM;AAAA,MACJ,KAAA,EAAO,SAAA;AAAA,MACP,WAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,QACJ,OAAO,SAAA,KAAc,WAAW,EAAE,IAAA,EAAM,WAAU,GAAI,SAAA;AAExD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAEtC,MAAM,IAAI,CAAA;AACZ,IAAA,MAAM,YAAA,GAAe,OAAyB,IAAI,CAAA;AAClD,IAAA,MAAM,aAAA,GAAgB,OAA0B,IAAI,CAAA;AACpD,IAAA,MAAM,cAAA,GAAiB,OAAO,IAAI,CAAA;AAElC,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,QAAA,cAAA,CAAe,OAAA,GAAU,KAAA;AACzB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,OAAA,KAAY,IAAA,IAAQ,YAAA,CAAa,OAAA,EAAS;AAC5C,QAAA,YAAA,CAAa,QAAQ,KAAA,EAAM;AAAA,MAC7B;AAEA,MAAA,IAAI,OAAA,KAAY,KAAA,IAAS,aAAA,CAAc,OAAA,EAAS;AAC9C,QAAA,aAAA,CAAc,QAAQ,KAAA,EAAM;AAAA,MAC9B;AAAA,IACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,IAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAQ,GAAI,UAAU,EAAC;AAEtC,IAAA,MAAM,cAAA,GACJ,gBAAA,KACC,MAAA,IAAU,gBAAA,wBACR,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAW,OAAA;AAAA,UACX,IAAA,EAAMC,WAAA;AAAA,UACN,IAAA,EAAK,OAAA;AAAA,UACL,SAAA,EAAW,OAAO,mBAAmB,CAAA;AAAA,UACpC,GAAI;AAAA;AAAA,OACP,EACF,CAAA;AAAA,0BACC,OAAA,CAAQ,OAAA,EAAR,EAAiB,QAAA,EAAA,gBAAA,CAAiB,YAAY,CAAA,EAAE;AAAA,KAAA,EACnD,CAAA,wBAEC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAW,OAAA;AAAA,UACX,IAAA,EAAMA,WAAA;AAAA,UACN,IAAA,EAAK,OAAA;AAAA,UACL,SAAA,EAAW,OAAO,mBAAmB,CAAA;AAAA,UACpC,GAAI;AAAA;AAAA,OACP,EACF,CAAA;AAAA,0BACC,OAAA,CAAQ,OAAA,EAAR,EAAiB,QAAA,EAAA,gBAAA,CAAiB,YAAY,CAAA,EAAE;AAAA,KAAA,EACnD,CAAA,CAAA;AAGJ,IAAA,MAAM,WAAA,GAAc,2BAClB,IAAA,CAAC,IAAA,EAAA,EAAK,gBAAe,UAAA,EAAW,SAAA,EAAW,OAAO,OAAA,EAE/C,QAAA,EAAA;AAAA,MAAA,OAAA,CAAQ,YACN,CAAC,OAAA,CAAQ,SAAA,IAAa,OAAA,CAAQ,UAAU,MAAA,KAAW,CAAA,CAAA,oBAClD,GAAA,CAAC,MAAA,EAAA,EAAO,YAAW,SAAA,EAAW,GAAG,QAAQ,OAAA,EACtC,QAAA,EAAA,OAAA,CAAQ,QAAQ,KAAA,EACnB,CAAA;AAAA,MAIH,CAAC,CAAC,OAAA,CAAQ,SAAA,EAAW,MAAA,IACpB,OAAA,CAAQ,SAAA,CAAU,MAAA,GAAS,CAAA,IAC3B,CAAC,OAAA,CAAQ,OAAA,IACT,OAAA,CAAQ,SAAA,CAAU,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,qBAC7B,GAAA,CAAC,MAAA,EAAA,EAAmB,UAAA,EAAW,WAAA,EAAa,GAAG,MAAA,EAC5C,QAAA,EAAA,MAAA,CAAO,KAAA,EAAA,EADG,KAEb,CACD,CAAA;AAAA,MAGF,OAAA,CAAQ,OAAA,IACP,CAAC,CAAC,OAAA,CAAQ,SAAA,EAAW,MAAA,IACrB,OAAA,CAAQ,SAAA,CAAU,MAAA,KAAW,CAAA,oBAC3B,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,UAAA,EAAW,WAAA,EAAa,GAAG,OAAA,CAAQ,SAAA,CAAU,CAAC,CAAA,EACnD,QAAA,EAAA,OAAA,CAAQ,SAAA,CAAU,CAAC,CAAA,CAAE,KAAA,EACxB,CAAA;AAAA,wBACA,GAAA,CAAC,UAAO,UAAA,EAAW,SAAA,EAAW,GAAG,OAAA,CAAQ,OAAA,EACtC,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,KAAA,EACnB;AAAA,OAAA,EACF,CAAA;AAAA,MAIH,CAAC,CAAC,OAAA,CAAQ,SAAA,EAAW,WACnB,OAAA,CAAQ,SAAA,CAAU,MAAA,IAAU,CAAA,IAC1B,QAAQ,SAAA,CAAU,MAAA,IAAU,CAAA,IAAK,OAAA,CAAQ,4BAC1C,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,CAAC,EAAE,GAAA,EAAAC,MAAK,GAAGC,KAAAA,EAAK,qBACvB,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,OAAA,CAAQ,OAAA;AAAA,gBAAR;AAAA,kBACC,GAAA,EAAKD,IAAAA;AAAA,kBAEL,QAAA,kBAAA,GAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,UAAA,EAAW,WAAA;AAAA,sBACX,IAAA,EAAME,WAAA;AAAA,sBACN,YAAA,EAAW,cAAA;AAAA,sBACV,GAAGD;AAAA;AAAA;AACN;AAAA,eACF;AAAA,8BACA,GAAA,CAAC,OAAA,CAAQ,OAAA,EAAR,EAAgB,QAAA,EAAA,cAAA,EAAY;AAAA,aAAA,EAC/B,CAAA;AAAA,YAGD,QAAA,EAAA,OAAA,CAAQ,SAAA,CAAU,GAAA,CAAI,CAAC,QAAQ,KAAA,qBAC9B,GAAA;AAAA,cAAC,IAAA,CAAK,IAAA;AAAA,cAAL;AAAA,gBAEC,OAAO,MAAA,CAAO,KAAA;AAAA,gBACd,SAAS,MAAA,CAAO,OAAA;AAAA,gBAChB,UAAU,MAAA,CAAO;AAAA,eAAA;AAAA,cAHZ;AAAA,aAKR;AAAA;AAAA,SACH;AAAA,QACC,OAAA,CAAQ,OAAA,oBACP,GAAA,CAAC,MAAA,EAAA,EAAO,UAAA,EAAW,SAAA,EAAW,GAAG,OAAA,CAAQ,OAAA,EACtC,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,KAAA,EACnB;AAAA,OAAA,EAEJ;AAAA,KAAA,EAEN,CAAA;AAGF,IAAA,MAAM,kBAAkB,EAAA,CAAG,MAAA,CAAO,OAAA,EAAS,MAAA,CAAO,QAAQ,SAAS,CAAA;AAEnE,IAAA,MAAM,sBAAA,GAAyB,EAAA;AAAA,MAC7B,OAAO,eAAe,CAAA;AAAA,MACtB,OAAO,sBAAsB;AAAA,KAC/B;AAEA,IAAA,2BACG,QAAA,EAAA,EAAO,GAAA,EAAU,WAAW,eAAA,EAAkB,GAAG,MAChD,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,sBAAA,EACd,+BAAC,MAAA,EAAA,EAAO,KAAA,EAAc,SAAkB,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAA,EAC/D,QAAA,EAAA;AAAA,MAAA,WAAA,oBACC,GAAA,CAAC,OAAO,IAAA,EAAP,EACC,8BAAC,WAAA,EAAA,EACE,QAAA,EAAA,WAAA,CAAY,IAAI,CAAC,UAAA,EAAY,0BAC5B,GAAA,CAAC,WAAA,CAAY,MAAZ,EAA8B,GAAG,cAAX,KAAuB,CAC/C,GACH,CAAA,EACF,CAAA;AAAA,sBAGF,IAAA,CAAC,OAAO,IAAA,EAAP,EAAY,IAAI,WAAA,IAAe,OAAA,GAAU,IAAI,EAAA,EAC5C,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAe,CAAA,EACnC,QAAA,EAAA;AAAA,UAAA,KAAA,CAAM,YAAY,OAAA,mBACjB,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,IAAI,KAAA,CAAM,QAAA,GAAW,YAAY,CAAA,KAAM,KAAA,EAAO;AAC5C,kBAAA,UAAA,CAAW,KAAK,CAAA;AAAA,gBAClB;AAAA,cACF,CAAA;AAAA,cACA,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAO;AAAA,cAEzB,+BAAC,IAAA,EAAA,EAAK,UAAA,EAAW,UAAS,IAAA,EAAM,CAAA,EAAG,KAAK,CAAA,EACtC,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,SAAA;AAAA,kBAAA;AAAA,oBACC,YAAA,EAAY,MAAM,cAAA,IAAkB,YAAA;AAAA,oBACpC,cAAc,KAAA,CAAM,IAAA;AAAA,oBACpB,QAAA,EAAU,CAAA;AAAA,oBACV,GAAA,EAAK,YAAA;AAAA,oBACL,UAAU,CAAC,KAAA,KACT,eAAA,CAAgB,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,oBAEpC,SAAA,EAAW,CAAC,CAAA,KAAuC;AACjD,sBAAA,IAAI,CAAA,CAAE,SAAS,QAAA,EAAU;AACvB,wBAAA,UAAA,CAAW,KAAK,CAAA;AAChB,wBAAA,eAAA,CAAgB,MAAM,IAAI,CAAA;AAAA,sBAC5B;AAAA,oBACF;AAAA;AAAA,iBACF;AAAA,gCAEA,IAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,QAAA,EAAS,KAAK,CAAA,EAC7B,QAAA,EAAA;AAAA,kCAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAME,QAAA;AAAA,wBACN,YAAA,EACE,MAAM,kBAAA,IAAsB,cAAA;AAAA,wBAE9B,IAAA,EAAK,OAAA;AAAA,wBACL,UAAA,EAAW,SAAA;AAAA,wBACX,SAAS,MAAM;AACb,0BAAA,IAAI,KAAA,CAAM,QAAA,GAAW,YAAY,CAAA,KAAM,KAAA,EAAO;AAC5C,4BAAA,UAAA,CAAW,KAAK,CAAA;AAAA,0BAClB;AAAA,wBACF;AAAA;AAAA,qBACF,EACF,CAAA;AAAA,wCACC,OAAA,CAAQ,OAAA,EAAR,EACE,QAAA,EAAA,KAAA,CAAM,sBAAsB,cAAA,EAC/B;AAAA,mBAAA,EACF,CAAA;AAAA,uCAEC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oCAAA,GAAA,CAAC,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,sBAAC,MAAA;AAAA,sBAAA;AAAA,wBACC,IAAA,EAAMC,QAAA;AAAA,wBACN,YAAA,EAAY,MAAM,iBAAA,IAAqB,QAAA;AAAA,wBACvC,IAAA,EAAK,OAAA;AAAA,wBACL,SAAS,MAAM;AACb,0BAAA,UAAA,CAAW,KAAK,CAAA;AAChB,0BAAA,eAAA,CAAgB,MAAM,IAAI,CAAA;AAAA,wBAC5B;AAAA;AAAA,qBACF,EACF,CAAA;AAAA,wCACC,OAAA,CAAQ,OAAA,EAAR,EACE,QAAA,EAAA,KAAA,CAAM,qBAAqB,QAAA,EAC9B;AAAA,mBAAA,EACF;AAAA,iBAAA,EACF;AAAA,eAAA,EACF;AAAA;AAAA,8BAGF,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,UAAA;AAAA,gBACR,IAAA,EAAK,OAAA;AAAA,gBACL,EAAA,EAAG,IAAA;AAAA,gBACH,WAAW,MAAA,CAAO,KAAA;AAAA,gBAEjB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,aACT;AAAA,YAEC,KAAA,CAAM,QAAA,IAAY,IAAA,mBACjB,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,mCACA,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,OAAA,CAAQ,SAAR,EACC,QAAA,kBAAA,GAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAMC,OAAA;AAAA,oBACN,YAAA,EAAY,MAAM,eAAA,IAAmB,YAAA;AAAA,oBACrC,IAAA,EAAK,OAAA;AAAA,oBACL,UAAA,EAAW,OAAA;AAAA,oBACX,GAAA,EAAK,aAAA;AAAA,oBACL,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI;AAAA;AAAA,iBAChC,EACF,CAAA;AAAA,oCACC,OAAA,CAAQ,OAAA,EAAR,EACE,QAAA,EAAA,KAAA,CAAM,mBAAmB,YAAA,EAC5B;AAAA,eAAA,EACF;AAAA,aAAA,EACF,CAAA,GACE;AAAA,WAAA,EACN,CAAA;AAAA,UAGD;AAAA,SAAA,EACH,CAAA;AAAA,QAEC,yBACC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,OACrB,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,0BAChB,GAAA,CAAC,IAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAX,KAAiB,CAC7B,CAAA,EACH;AAAA,OAAA,EAEJ,CAAA;AAAA,MAEC,2BAAW,GAAA,CAAC,MAAA,CAAO,MAAP,EAAY,EAAA,EAAI,GAAI,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MAE5C,WAAA,oBACC,GAAA,CAAC,MAAA,CAAO,IAAA,EAAP,EAAY,IAAI,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,WAAA,EACpC,QAAA,EAAA,WAAA,EACH;AAAA,KAAA,EAEJ,GACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,aAAA;;ACvalB,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,OAAyB,GAAA,KAA0B;AAClD,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACzC,IAAA,MAAM,aAAa,EAAA,CAAG,CAAC,OAAO,SAAS,CAAC,GAAG,SAAS,CAAA;AACpD,IAAA,MAAM,UAAA,GAAa,OAAoB,IAAI,CAAA;AAC3C,IAAA,MAAM,gBAAA,GAAmB,OAAuB,IAAI,CAAA;AACpD,IAAA,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA;AAC3B,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA;AAAA,MAAA,CACjC,WAAW,OAAA,EAAS,UAAA,IAAc,MAChC,UAAA,CAAW,OAAA,EAAS,eAAe,CAAA,CAAA,GACpC;AAAA,KACJ;AACA,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,MACxC,WAAW,OAAA,EAAS;AAAA,KACtB;AAEA,IAAA,MAAM,EAAE,cAAA,EAAe,GAAI,UAAA,CAAW,WAAW,CAAA;AAEjD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,MAAA,IAAI,CAAC,QAAQ,OAAA,EAAS;AACtB,MAAA,SAAS,cAAA,GAAiB;AACxB,QAAA,MAAM,WAAW,MAAA,CAAO,OAAA;AAExB,QAAA,gBAAA,CAAiB,OAAA,EAAS,QAAA,CAAS,CAAA,EAAG,QAAA,IAAY,CAAC,CAAA;AAAA,MACrD;AACA,MAAA,MAAA,EAAQ,iBAAiB,QAAA,EAAU,cAAA,EAAgB,EAAE,OAAA,EAAS,MAAM,CAAA;AAEpE,MAAA,OAAO,MAAM;AACX,QAAA,MAAA,EAAQ,mBAAA,CAAoB,UAAU,cAAc,CAAA;AAAA,MACtD,CAAA;AAAA,IACF,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,MAAM,aAAA,GAAgB,WAAW,OAAA,CAAQ,aAAA;AACzC,QAAA,MAAM,YACJ,aAAA,EAAe,SAAA,CAAU,SAAS,MAAA,CAAO,iBAAiB,CAAC,CAAA,IAAK,KAAA;AAClE,QAAA,MAAM,YAAA,GAAe,SAAA,GAAY,aAAA,GAAiB,UAAA,CAAW,OAAA;AAE7D,QAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,MAAM;AACxC,UAAA,IAAI,CAAC,WAAW,OAAA,EAAS;AACzB,UAAA,aAAA;AAAA,YACE,UAAA,CAAW,OAAA,CAAQ,UAAA,GAAa,UAAA,CAAW,QAAQ,WAAA,GAAc;AAAA,WACnE;AACA,UAAA,MAAM,SAAA,GAAY,iBAAiB,UAAA,CAAW,OAAO,EAClD,gBAAA,CAAiB,UAAU,EAC3B,IAAA,EAAK;AACR,UAAA,MAAM,MAAA,GAAS,UAAA,CAAW,SAAS,CAAA,IAAK,CAAA;AACxC,UAAA,MAAM,SAAA,GAAY,QAAA,CAAS,eAAA,CAAgB,YAAA,GAAe,MAAA;AAC1D,UAAA,MAAM,UAAA,GAAa,OAAO,QAAA,CAAS,SAAS,IACxC,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,SAAS,CAAA,GACrB,CAAA;AACJ,UAAA,gBAAA,CAAiB,UAAU,CAAA;AAAA,QAC7B,CAAC,CAAA;AAED,QAAA,QAAA,CAAS,OAAA,CAAQ,WAAW,OAAO,CAAA;AACnC,QAAA,IAAI,SAAA,EAAW;AACb,UAAA,QAAA,CAAS,QAAQ,YAAY,CAAA;AAAA,QAC/B;AAEA,QAAA,OAAO,MAAM;AACX,UAAA,QAAA,CAAS,UAAA,EAAW;AAAA,QACtB,CAAA;AAAA,MACF;AAAA,IACF,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,IAAA,SAAS,WAAW,CAAA,EAAyB;AAC3C,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,MAAA,IAAI,QAAQ,OAAA,EAAS;AACrB,MAAA,MAAA,CAAO,QAAA,CAAS,CAAA,EAAI,CAAA,CAAE,MAAA,CAA0B,SAAS,CAAA;AAAA,IAC3D;AAEA,IAAA,MAAM,OAAA,mBACJ,IAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,UAAA;AAAA,QACX,GAAA,EAAK,YAAA,CAAa,CAAC,UAAA,EAAY,GAAG,CAAC,CAAA;AAAA,QAClC,GAAG,IAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAe,GAAI,QAAA,EAAS,CAAA;AAAA,0BACnD,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,OAAO,0BAA0B,CAAA;AAAA,cAC5C,GAAA,EAAK,gBAAA;AAAA,cACL,KAAA,EAAO;AAAA,gBACL,IAAA,EAAM;AAAA,eACR;AAAA,cACA,eAAA,EAAiB,UAAA;AAAA,cACjB,cAAc,MAAM;AAClB,gBAAA,OAAA,CAAQ,OAAA,GAAU,KAAA;AAAA,cACpB,CAAA;AAAA,cACA,cAAc,MAAM;AAClB,gBAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,cACpB,CAAA;AAAA,cAEA,QAAA,kBAAA,GAAA,CAAC,SAAI,KAAA,EAAO,EAAE,OAAO,CAAA,EAAG,MAAA,EAAQ,eAAc,EAAG;AAAA;AAAA;AACnD;AAAA;AAAA,KACF;AAGF,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,OAAO,YAAA,CAAa,SAAS,cAAc,CAAA;AAAA,IAC7C;AAEA,IAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,MAAA,OAAO,OAAA;AAAA,IACT;AAEA,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;ACjG1B,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,mBAAA,EAAoB;AAEtC,EAAA,MAAM,aAAa,EAAA,CAAG,CAAC,MAAA,CAAO,aAAa,CAAC,CAAA,EAAG;AAAA,IAC7C,CAAC,MAAA,CAAO,gBAAgB,CAAC,GAAG,KAAA,KAAU;AAAA,GACvC,CAAA;AAED,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,UAAA;AAAA,MAEX,QAAA,EAAU,OAAO,IAAA,KAAS,WAAA,IAAe,OAAO,CAAA,GAAI,EAAA;AAAA,MACpD,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,WAAW,KAAA,KAAU,MAAA,GAAY,SAAS,QAAA,EAAS;AAAA,MAEtE,QAAA,kBAAA,GAAA,CAAC,SAAK,QAAA,EAAS;AAAA;AAAA,GACjB,EACF,CAAA;AAEJ,CAAA;AAoBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CAAC,OAAuB,GAAA,KAA6B;AACnD,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA,GAAO,QAAA;AAAA,MACP,SAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,qBAAA;AAAA,MACA,wBAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAkB,KAAK,CAAA;AAEvD,IAAA,MAAM,UAAA,GAAa,EAAA;AAAA,MACjB,CAAC,MAAA,CAAO,KAAA,EAAO,eAAA,CAAgB,KAAK,CAAA;AAAA,MACpC,CAAC,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,MACb,SAAA;AAAA,MACA;AAAA,QACE,CAAC,OAAO,MAAM,CAAC,GAAG,OAAO,IAAA,KAAS,cAAc,IAAA,GAAO,IAAA;AAAA,QACvD,CAAC,MAAA,CAAO,YAAY,CAAC,GAAG,OAAO,IAAA,KAAS,WAAA;AAAA,QACxC,CAAC,MAAA,CAAO,WAAW,CAAC,GAAG;AAAA;AACzB,KACF;AAEA,IAAA,MAAM,wBAAwB,wBAAA,CAAyB;AAAA,MACrD;AAAA,KACD,CAAA;AAED,IAAA,OAAA,CAAQ,MAAM;AACZ,MAAA,wBAAA,GAA2B,qBAAqB,CAAA;AAAA,IAClD,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,IAAA,MAAM,EAAE,SAAA,EAAU,GAAI,UAAA,CAA6B,WAAW,CAAA;AAE9D,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAM,eAAA,GAAkB,EACtBb,cAA8B,KAAA,CAAM,OAAA,CAAQ,IAAA,EAAM,EAAE,CAAA,IAAK,CAAA,CAAA;AAE3D,MAAA,MAAM,aAAa,SAAA,IAAa,CAAA;AAChC,MAAA,WAAA,CAAY,aAAa,eAAe,CAAA;AAAA,IAC1C,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,IAAA,IAAI,OAAO,IAAA,KAAS,WAAA,IAAe,QAAA,EAAU;AAC3C,MAAA,uBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,qBAAA;AAAA,UACA,wBAAA;AAAA,UAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,OAAA,EAAP,EACC,QAAA,kBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,UAAA;AAAA,cACX,eAAa,CAAC,IAAA;AAAA,cACd,iBAAe,CAAC,IAAA;AAAA,cAChB,GAAA;AAAA,cACC,GAAG,IAAA;AAAA,cAEH;AAAA;AAAA,WACH,EACF;AAAA;AAAA,OACF;AAAA,IAEJ;AACA,IAAA,uBACE,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,qBAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,UAAA;AAAA,QACX,eAAa,CAAC,IAAA;AAAA,QACd,iBAAe,CAAC,IAAA;AAAA,QAChB,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAc,IAAA,EAC3B,QAAA,EACH;AAAA;AAAA,KACF,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;;ACxJjB,MAAM,UAAA,GAAa,UAAA;AAAA,EACxB,CAAC,OAAwB,GAAA,KAA6B;AACpD,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,mBAAmB,KAAK,CAAA;AACjE,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,GAAG,MAAK,GAAI,cAAA;AAChD,IAAA,MAAM,EAAE,UAAA,EAAW,GAAI,UAAA,CAAW,WAAW,CAAA;AAE7C,IAAA,MAAM,aAAa,EAAA,CAAG,CAAC,OAAO,gBAAgB,CAAC,GAAG,SAAS,CAAA;AAC3D,IAAA,MAAM,aAAA,GAAgB;AAAA,MACpB,GAAG,KAAA;AAAA,MACH,GAAG;AAAA,KACL;AAEA,IAAA,MAAM,MAAA,mBACJ,GAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAW,UAAA,EAAY,KAAU,KAAA,EAAO,aAAA,EAAgB,GAAG,IAAA,EAChE,QAAA,EACH,CAAA;AAGF,IAAA,IAAI,UAAA,EAAY;AACd,MAAA,OAAO,YAAA,CAAa,QAAQ,UAAU,CAAA;AAAA,IACxC;AAEA,IAAA,IAAI,eAAe,MAAA,EAAW;AAC5B,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,OAAO,IAAA;AAAA,EACT;AACF,CAAA;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;;ACOlB,MAAM,OAAO,MAAA,CAAO,MAAA;AAAA,EACzB,UAAA,CAAsC,SAAS,SAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AACnE,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AACzC,IAAA,MAAM,UAAA,GAAa,EAAA,CAAG,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAC/C,IAAA,MAAM,KAAA,GAAQ,OAAuB,IAAI,CAAA;AACzC,IAAA,MAAM,WAAA,GAAc,YAAA,CAAa,CAAC,KAAA,EAAO,GAAG,CAAC,CAAA;AAE7C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAiB,CAAC,CAAA;AACpD,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA;AAAA,MAC1C;AAAA,KACF;AACA,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAA6B,IAAI,CAAA;AAErE,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAM,UAAU,KAAA,CAAM,OAAA;AACtB,MAAA,MAAM,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAC,OAAA,KAAY;AACrD,QAAA,MAAM,KAAA,GAAQ,QAAQ,CAAC,CAAA;AACvB,QAAA,IAAI,KAAA,EAAO;AACT,UAAA,YAAA,CAAa,KAAA,CAAM,YAAY,KAAK,CAAA;AAAA,QACtC;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,cAAA,CAAe,QAAQ,OAAO,CAAA;AAAA,MAChC;AACA,MAAA,OAAO,MAAM;AACX,QAAA,IAAI,OAAA,EAAS;AACX,UAAA,cAAA,CAAe,UAAU,OAAO,CAAA;AAChC,UAAA,cAAA,CAAe,UAAA,EAAW;AAAA,QAC5B;AAAA,MACF,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAA,uBACE,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,EAAE,SAAA,EAAW,cAAA,EAAgB,UAAA,EAAW,EACnE,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,UAAA,EAAY,UAAA,EAAS,MAAA,EAAO,GAAA,EAAK,WAAA,EAAc,GAAG,IAAA,EAChE,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,WAAW,CAAA,EAC/B,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,OAAO,iBAAiB,CAAA;AAAA,UACnC,GAAA,EAAK;AAAA;AAAA,OACP;AAAA,0BACC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,aAAa,CAAA,EAAG,KAAK,aAAA,EAAe;AAAA,KAAA,EAC7D,GACF,CAAA,EACF,CAAA;AAAA,EAEJ,CAAC,CAAA;AAAA,EACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAuBE,OAAA,EAAS,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAiBT,aAAA,EAAe,iBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA6Bf,MAAA,EAAQ,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAkBR,OAAA,EAAS,WAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAmBT,KAAA,EAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBP,MAAA,EAAQ;AAAA;AAEZ;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;;;;"}

package/dist/Page.css

@@ -1,15 +1,17 @@
 @layer starter, reset, base, state, application;
-
-html:has(._page_1s3vu_1)::-webkit-scrollbar {
+html:has(._page_89lif_1) {
+  scrollbar-width: none;
+}
+html:has(._page_89lif_1)::-webkit-scrollbar {
   display: none;
 }
 
-._content-footer_1s3vu_5 {
+._content-footer_89lif_8 {
   all: revert-layer;
 }
 
 @layer base {
-  ._page_1s3vu_1 {
+  ._page_89lif_1 {
     margin: 0;
     padding: 0;
     border-style: none;
@@ -22,7 +24,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     display: flex;
     flex-direction: column;
   }
-  ._page_1s3vu_1 ._container_1s3vu_23 {
+  ._page_89lif_1 ._container_89lif_26 {
     display: grid;
     flex-grow: 1;
     grid-template-areas: "sidebar" "header" "content" "panel" "footer";
@@ -40,21 +42,30 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     overflow-x: clip;
     transition: 300ms cubic-bezier(0.4, 0, 0.6, 1);
   }
-  ._content_1s3vu_5 {
+  ._content-wrapper_89lif_44 {
+    grid-area: content;
+    display: flex;
+    flex-direction: column;
+    container: content/inline-size;
+  }
+  ._footer-slot_89lif_50 {
+    display: contents;
+  }
+  ._content_89lif_8 {
     grid-area: content;
     container: content/inline-size;
     display: flex;
   }
-  ._content_1s3vu_5 ._content-inner_1s3vu_46 {
+  ._content_89lif_8 ._content-inner_89lif_58 {
     padding-block: 1.5rem;
     padding-inline: 1rem;
     flex-basis: 100%;
   }
-  ._content_1s3vu_5 ._content-header-inner_1s3vu_51 {
+  ._content_89lif_8 ._content-header-inner_89lif_63 {
     padding-block-start: 2rem;
     padding-block-end: 0.5rem;
   }
-  ._content-footer_1s3vu_5 {
+  ._content-footer_89lif_8 {
     grid-area: footer;
     position: sticky;
     display: flex;
@@ -67,7 +78,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     padding-inline: 1rem;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar_1s3vu_68 {
+  ._sidebar_89lif_80 {
     grid-area: sidebar;
     display: flex;
     flex-direction: row;
@@ -78,7 +89,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     position: relative;
     background-color: var(--background-color, #ffffff);
   }
-  ._sidebar_1s3vu_68 ._sidebar-inner_1s3vu_79 {
+  ._sidebar_89lif_80 ._sidebar-inner_89lif_91 {
     position: sticky;
     top: var(--offset, 0px);
     width: 100%;
@@ -91,7 +102,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     transition-behavior: allow-discrete;
     overflow-x: clip;
   }
-  ._sidebar_1s3vu_68 ._sidebar-inner_1s3vu_79 > div {
+  ._sidebar_89lif_80 ._sidebar-inner_89lif_91 > div {
     background-color: inherit;
     flex-direction: column;
     display: flex;
@@ -105,7 +116,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     bottom: 0;
     right: 0;
   }
-  ._sidebar_1s3vu_68 ._toggle-button-wrapper_1s3vu_106 {
+  ._sidebar_89lif_80 ._toggle-button-wrapper_89lif_118 {
     position: absolute;
     width: 0px;
     overflow: visible;
@@ -113,7 +124,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     right: 0;
     height: 100%;
   }
-  ._sidebar_1s3vu_68 ._toggle-button-wrapper_1s3vu_106 ._toggle-button-tooltip_1s3vu_114 {
+  ._sidebar_89lif_80 ._toggle-button-wrapper_89lif_118 ._toggle-button-tooltip_89lif_126 {
     position: sticky;
     top: calc(1.5rem + var(--offset, 0px));
     margin-left: -1rem;
@@ -121,7 +132,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     width: -moz-fit-content;
     width: fit-content;
   }
-  ._sidebar_1s3vu_68 ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106 {
+  ._sidebar_89lif_80 ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -129,16 +140,16 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     border-radius: 100%;
     border-color: var(--border-color-subdued, #dfe0e1);
   }
-  ._sidebar_1s3vu_68 ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106::before {
+  ._sidebar_89lif_80 ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118::before {
     border-radius: inherit;
   }
-  ._sidebar-header_1s3vu_132 {
+  ._sidebar-header_89lif_144 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1rem;
   }
-  ._sidebar-adaptive-trigger-container_1s3vu_138 {
+  ._sidebar-adaptive-trigger-container_89lif_150 {
     padding: 0.5rem;
     background-color: var(--background-color, #ffffff);
     width: auto;
@@ -147,13 +158,13 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     z-index: 1;
     box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
   }
-  ._sidebar-adaptive-container_1s3vu_147 {
+  ._sidebar-adaptive-container_89lif_159 {
     overflow: auto;
   }
-  ._sidebar-adaptive-container_1s3vu_147 ._sidebar-adaptive_1s3vu_138 {
+  ._sidebar-adaptive-container_89lif_159 ._sidebar-adaptive_89lif_150 {
     padding: 0.5rem;
   }
-  ._panel_1s3vu_153 {
+  ._panel_89lif_165 {
     grid-area: panel;
     display: flex;
     flex-direction: column;
@@ -164,7 +175,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     width: stretch;
     position: relative;
   }
-  ._panel_1s3vu_153 ._panel-inner_1s3vu_162 {
+  ._panel_89lif_165 ._panel-inner_89lif_174 {
     padding: 1rem;
     outline: none;
     width: 100%;
@@ -175,7 +186,7 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
     transition-behavior: allow-discrete;
   }
-  ._virtual-scroll-container_1s3vu_173 {
+  ._virtual-scroll-container_89lif_185 {
     display: none;
     position: fixed;
     top: var(--offset, 0px);
@@ -184,44 +195,44 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     height: calc(100dvh - var(--offset, 0px));
     z-index: 1;
   }
-  ._header_1s3vu_182 {
+  ._header_89lif_194 {
     grid-area: header;
     flex: 0 0 auto;
   }
-  ._header_1s3vu_182 ._title-wrapper_1s3vu_186,
-  ._header_1s3vu_182 ._title_1s3vu_186 {
+  ._header_89lif_194 ._title-wrapper_89lif_198,
+  ._header_89lif_194 ._title_89lif_198 {
     display: inline;
   }
-  ._header_1s3vu_182 ._title_1s3vu_186 {
+  ._header_89lif_194 ._title_89lif_198 {
     margin-block-end: 0;
   }
-  ._header_1s3vu_182 ._preference-action_1s3vu_193 {
+  ._header_89lif_194 ._preference-action_89lif_205 {
     margin-inline-start: 0.5rem;
   }
-  ._header_1s3vu_182 ._chips_1s3vu_196 {
+  ._header_89lif_194 ._chips_89lif_208 {
     gap: 0.5rem;
     margin-block-start: 0.75rem;
   }
-  ._header_1s3vu_182 ._actions_1s3vu_200 {
+  ._header_89lif_194 ._actions_89lif_212 {
     flex-wrap: wrap;
     gap: 0.75rem;
   }
   @container content (max-width: 768px) {
-    ._header_1s3vu_182 ._actions_1s3vu_200 > * {
+    ._header_89lif_194 ._actions_89lif_212 > * {
       flex: 1 1 calc(50% - 0.75rem);
       min-width: min(100%, 200px);
     }
-    ._header_1s3vu_182 ._actions_1s3vu_200:has(button[class*=primary]) button[class*=primary] {
+    ._header_89lif_194 ._actions_89lif_212:has(button[class*=primary]) button[class*=primary] {
       order: -1;
     }
   }
-  ._header_1s3vu_182 ._description_1s3vu_213 {
+  ._header_89lif_194 ._description_89lif_225 {
     max-width: 80ch;
   }
 }
 @layer state {
   @container page (min-width: 1024px) {
-    ._page_1s3vu_1 ._container_1s3vu_23 {
+    ._page_89lif_1 ._container_89lif_26 {
       grid-template-areas: "sidebar header panel" "sidebar content panel" "sidebar footer panel";
       grid-template-rows: auto 1fr auto;
       grid-template-columns: var(--first-col) var(--second-col) var(--third-col);
@@ -229,41 +240,44 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
       --second-col: 1fr;
       --third-col: 0px;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:has(._panel_1s3vu_153._open_1s3vu_227._small_1s3vu_227) {
+    ._page_89lif_1 ._container_89lif_26:has(._panel_89lif_165._open_89lif_239._small_89lif_239) {
       --third-col: 16rem;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:has(._panel_1s3vu_153._open_1s3vu_227._medium_1s3vu_230) {
+    ._page_89lif_1 ._container_89lif_26:has(._panel_89lif_165._open_89lif_239._medium_89lif_242) {
       --third-col: 24rem;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:has(._panel_1s3vu_153._open_1s3vu_227._large_1s3vu_233) {
+    ._page_89lif_1 ._container_89lif_26:has(._panel_89lif_165._open_89lif_239._large_89lif_245) {
       --third-col: 30rem;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:has(._sidebar_1s3vu_68._collapsed_1s3vu_236) {
+    ._page_89lif_1 ._container_89lif_26:has(._sidebar_89lif_80._collapsed_89lif_248) {
       --first-col: 1.5rem;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:not(:has(._sidebar_1s3vu_68)) {
+    ._page_89lif_1 ._container_89lif_26:not(:has(._sidebar_89lif_80)) {
       grid-template-areas: "header panel" "content panel" "footer panel";
       grid-template-columns: 1fr var(--third-col);
       --first-col: 0px;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:not(:has(._sidebar_1s3vu_68)) > ._content_1s3vu_5, ._page_1s3vu_1 ._container_1s3vu_23:not(:has(._sidebar_1s3vu_68)) > div:not(._panel_1s3vu_153, ._content-footer_1s3vu_5) {
+    ._page_89lif_1 ._container_89lif_26:not(:has(._sidebar_89lif_80)) > ._content_89lif_8, ._page_89lif_1 ._container_89lif_26:not(:has(._sidebar_89lif_80)) > ._content-wrapper_89lif_44, ._page_89lif_1 ._container_89lif_26:not(:has(._sidebar_89lif_80)) > div:not(._panel_89lif_165, ._content-footer_89lif_8) {
       grid-column: 1;
       width: 100%;
     }
-    ._page_1s3vu_1 ._container_1s3vu_23:not(:has(._sidebar_1s3vu_68)) > ._panel_1s3vu_153 {
+    ._page_89lif_1 ._container_89lif_26:not(:has(._sidebar_89lif_80)) > ._panel_89lif_165 {
       grid-column: 2;
     }
-    ._page_1s3vu_1 ._content_1s3vu_5 ._virtual-scroll-container_1s3vu_173 {
+    ._page_89lif_1 ._content_89lif_8 ._virtual-scroll-container_89lif_185 {
       display: block;
     }
-    ._page_1s3vu_1 ._sidebar_1s3vu_68 {
+    ._page_89lif_1 ._content-wrapper_89lif_44 > ._content_89lif_8 ~ ._content_89lif_8 ._virtual-scroll-container_89lif_185 {
+      display: none;
+    }
+    ._page_89lif_1 ._sidebar_89lif_80 {
       grid-area: sidebar;
       padding: 0;
       background-color: var(--background-color, #ffffff);
       border-inline-end: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
       box-shadow: var(--shadow-color, rgba(20, 20, 20, 0.0784313725)) 0rem 0.125rem 0.5rem;
     }
-    ._page_1s3vu_1 ._sidebar_1s3vu_68 ._sidebar-header_1s3vu_132 {
+    ._page_89lif_1 ._sidebar_89lif_80 ._sidebar-header_89lif_144 {
       background-color: var(--background-color, #ffffff);
       position: sticky;
       padding-block-start: 1.5rem;
@@ -275,62 +289,62 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
       margin-block-end: 0.25rem;
       z-index: 1;
     }
-    ._page_1s3vu_1 ._sidebar_1s3vu_68 ._sidebar-inner_1s3vu_79 > div {
+    ._page_89lif_1 ._sidebar_89lif_80 ._sidebar-inner_89lif_91 > div {
       scrollbar-gutter: stable;
       left: 0;
     }
-    ._page_1s3vu_1 ._content-footer_1s3vu_5 {
+    ._page_89lif_1 ._content-footer_89lif_8 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 1024px) {
-    ._page_1s3vu_1 ._content-footer_1s3vu_5 {
+    ._page_89lif_1 ._content-footer_89lif_8 {
       padding-inline: 2.5rem;
     }
   }
   @container page (min-width: 1280px) {
-    ._page_1s3vu_1 ._content-footer_1s3vu_5 {
+    ._page_89lif_1 ._content-footer_89lif_8 {
       padding-inline: 3rem;
     }
   }
-  ._sidebar_1s3vu_68._collapsed_1s3vu_236 ._sidebar-inner_1s3vu_79 {
+  ._sidebar_89lif_80._collapsed_89lif_248 ._sidebar-inner_89lif_91 {
     opacity: 0;
     display: none;
   }
   @container content (min-width: 768px) {
-    ._content_1s3vu_5 ._content-inner_1s3vu_46 {
+    ._content_89lif_8 ._content-inner_89lif_58 {
       padding-inline: 2rem;
     }
   }
   @container content (min-width: 1024px) {
-    ._content_1s3vu_5 ._content-inner_1s3vu_46 {
+    ._content_89lif_8 ._content-inner_89lif_58 {
       padding-inline: 2.5rem;
     }
   }
   @container content (min-width: 1280px) {
-    ._content_1s3vu_5 ._content-inner_1s3vu_46 {
+    ._content_89lif_8 ._content-inner_89lif_58 {
       padding-inline: 3rem;
     }
   }
   @container content (min-width: 768px) {
-    ._content_1s3vu_5 ~ ._panel_1s3vu_153 ._panel-inner_1s3vu_162 {
+    ._content_89lif_8 ~ ._panel_89lif_165 ._panel-inner_89lif_174 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 768px) {
-    ._panel_1s3vu_153 {
+    ._panel_89lif_165 {
       grid-area: panel;
     }
-    ._panel_1s3vu_153 ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165 ._panel-inner_89lif_174 {
       padding-inline: 2rem;
     }
   }
   @container page (min-width: 1024px) {
-    ._panel_1s3vu_153 {
+    ._panel_89lif_165 {
       flex-direction: row;
       border-inline-start: 0.0625rem solid var(--border-color-subdued, #dfe0e1);
     }
-    ._panel_1s3vu_153 ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165 ._panel-inner_89lif_174 {
       position: sticky;
       top: var(--offset, 0px);
       height: calc(100dvh - var(--offset, 0px));
@@ -339,54 +353,54 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
       scrollbar-gutter: stable;
       padding-right: 1.5rem;
     }
-    ._panel_1s3vu_153 ._panel-inner_1s3vu_162 ._drilldown-open_1s3vu_337 {
+    ._panel_89lif_165 ._panel-inner_89lif_174 ._drilldown-open_89lif_352 {
       overflow-y: hidden;
     }
-    ._panel_1s3vu_153._small_1s3vu_227 ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165._small_89lif_239 ._panel-inner_89lif_174 {
       min-width: 16rem;
     }
-    ._panel_1s3vu_153._medium_1s3vu_230 ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165._medium_89lif_242 ._panel-inner_89lif_174 {
       min-width: 24rem;
     }
-    ._panel_1s3vu_153._large_1s3vu_233 ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165._large_89lif_245 ._panel-inner_89lif_174 {
       min-width: 30rem;
     }
   }
-  ._panel_1s3vu_153._noPadding_1s3vu_350 ._panel-inner_1s3vu_162 {
+  ._panel_89lif_165._noPadding_89lif_365 ._panel-inner_89lif_174 {
     padding: 0;
   }
-  ._panel_1s3vu_153:not(._open_1s3vu_227) ._panel-inner_1s3vu_162 {
+  ._panel_89lif_165:not(._open_89lif_239) ._panel-inner_89lif_174 {
     overflow: clip;
     display: none;
     opacity: 0;
   }
   @starting-style {
-    ._sidebar_1s3vu_68._collapsed_1s3vu_236 ._sidebar-inner_1s3vu_79 {
+    ._sidebar_89lif_80._collapsed_89lif_248 ._sidebar-inner_89lif_91 {
       opacity: 0;
       display: none;
     }
-    ._panel_1s3vu_153:not(._open_1s3vu_227) ._panel-inner_1s3vu_162 {
+    ._panel_89lif_165:not(._open_89lif_239) ._panel-inner_89lif_174 {
       opacity: 0;
       display: none;
     }
   }
 }
 @layer application {
-  ._sidebar-adaptive-trigger_1s3vu_138 {
+  ._sidebar-adaptive-trigger_89lif_150 {
     color: var(--foreground-color, #141414);
     background-color: var(--background-color-stronger, #eeeeee);
     justify-content: start;
     width: 100%;
   }
-  ._sidebar-adaptive-trigger_1s3vu_138 ._sidebar-adaptive-trigger-icon_1s3vu_376 {
+  ._sidebar-adaptive-trigger_89lif_150 ._sidebar-adaptive-trigger-icon_89lif_391 {
     flex-grow: 1;
   }
-  ._sidebar-adaptive-container_1s3vu_147 > div {
+  ._sidebar-adaptive-container_89lif_159 > div {
     height: -webkit-fill-available;
     height: -moz-available;
     height: stretch;
   }
-  ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106 {
+  ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118 {
     padding: 0.5rem;
     min-width: 2rem;
     width: 2rem;
@@ -395,19 +409,19 @@ html:has(._page_1s3vu_1)::-webkit-scrollbar {
     border-color: var(--border-color-subdued, #dfe0e1);
     --button-background-color: var(--background-color, #ffffff);
   }
-  ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106::before {
+  ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: inherit;
   }
-  ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106:hover::before {
+  ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118:hover::before {
     background-color: var(--overlay-color-hover, rgba(20, 20, 20, 0.0784313725));
   }
-  ._toggle-button-wrapper_1s3vu_106 ._toggle-button_1s3vu_106:active::before {
+  ._toggle-button-wrapper_89lif_118 ._toggle-button_89lif_118:active::before {
     background-color: var(--overlay-color-active, rgba(20, 20, 20, 0.1607843137));
   }
-  ._header_1s3vu_182 ._layout_1s3vu_403 {
+  ._header_89lif_194 ._layout_89lif_418 {
     gap: 1rem;
   }
 }

package/dist/Page.js

@@ -1,2 +1,2 @@
-export { P as Page, P as default } from './Page-BpV1yHkm.js';
+export { P as Page, P as default } from './Page-DtSjnBJL.js';
 //# sourceMappingURL=Page.js.map