@servicetitan/anvil2 1.49.7 → 1.50.1

package/dist/Dialog-UzG6-s9H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog-UzG6-s9H.js","sources":["../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport cx from \"classnames\";\n\nimport { Text } from \"../Text\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  (props: DialogHeaderProps, ref) => {\n    const { children, className, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Dialog\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const headerClassNames = cx(className, styles[\"header\"]);\n\n    return (\n      <header\n        className={headerClassNames}\n        data-anv=\"dialog-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n        {...rest}\n      >\n        <Text variant=\"headline\" el=\"h1\">\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DialogCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close dialog\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDialogHeader.displayName = \"DialogHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *   <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef<HTMLElement, DialogFooterProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n\n    const footerClassNames = cx(styles[\"footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={footerClassNames}\n        data-anv=\"dialog-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDialogFooter.displayName = \"DialogFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DialogContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Optional sticky positioning below header\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * // Basic content\n * <Dialog.Content>\n *   <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Dialog.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"dialog-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogContent.displayName = \"DialogContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  KeyboardEvent,\n} from \"react\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { DialogContext, DialogContextProps } from \"./internal/DialogContext\";\nimport styles from \"./Dialog.module.scss\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\n\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { useInitialFocus } from \"./internal/useInitialFocus\";\n\n/**\n * Props for the Dialog component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DialogProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * @default false\n     */\n    fullScreen?: boolean;\n    /**\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\">;\n\n    /**\n     * @default false\n     */\n    open?: boolean;\n    onClose?: () => void;\n    /**\n     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead\n     */\n    onOpen?: () => void;\n    /**\n     * @deprecated - use onOpenAnimationStart or onOpenAnimationComplete instead\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback when clicking outside the dialog\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n  };\n\nexport const DialogElement = forwardRef<HTMLDialogElement, DialogProps>(\n  (props, ref) => {\n    const {\n      className,\n      open = false,\n      children,\n      onOpen,\n      onOpenChange,\n      onClose,\n      onKeyDown,\n      fullScreen = false,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size,\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n\n    const [hasOpenPopover, setHasOpenPopover] =\n      useState<DialogContextProps[\"hasOpenPopover\"]>(false);\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n        onOpen?.(); // DEPRECATED\n      }, [onOpen, onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    // DEPRECATED\n    const initial = useRef(true);\n    useEffect(() => {\n      if (initial.current) {\n        initial.current = false;\n      } else {\n        onOpenChange?.(isOpenOrOpening);\n      }\n    }, [id, onOpenChange, isOpenOrOpening]);\n\n    const classNames = cx([styles[\"dialog\"]], className, {\n      [styles[\"closing\"]]: state === \"closing\",\n      [styles[\"fullscreen\"]]: fullScreen,\n      [styles[\"large\"]]: size === \"large\",\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: true,\n    });\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    useOnClickOutside({\n      onOutsidePress: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClose: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Escape\") {\n        e.preventDefault();\n        if (disableCloseOnEscape) return;\n        if (hasOpenPopover) return;\n        onClose?.();\n        return;\n      }\n\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === focusables?.[0]) {\n          e.preventDefault();\n          (focusables[focusables.length - 1] as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n          e.preventDefault();\n          focusables[0].focus();\n          return;\n        }\n      }\n    };\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"dialog\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={useMergeRefs([ref, elRef])}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={open}>\n          <ToasterPopover>\n            <ToasterContent id=\"dialog-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n        <DialogContext.Provider\n          value={{\n            close: () => onClose?.(),\n            ref: elRef,\n            hasOpenPopover,\n            setHasOpenPopover,\n            headerRef,\n          }}\n        >\n          <section\n            ref={contentRef}\n            className={styles[\"container\"]}\n            data-open={open}\n          >\n            {children}\n          </section>\n        </DialogContext.Provider>\n      </dialog>\n    );\n  },\n);\n\nDialogElement.displayName = \"Dialog\";\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n *   <Dialog.Header>Confirm Action</Dialog.Header>\n *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n *   <Dialog.Footer>\n *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *     <Button appearance=\"primary\">Confirm</Button>\n *   </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(DialogElement, {\n  /**\n   * DialogHeader component for the header section of a Dialog.\n   *\n   * Features:\n   * - Displays dialog title with headline typography\n   * - Includes close button with proper accessibility\n   * - Sticky positioning for long content\n   * - Consistent spacing and styling\n   * - Automatic focus management\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Dialog.Header>Confirm Delete</Dialog.Header>\n   */\n  Header: DialogHeader,\n  /**\n   * DialogFooter component for the footer section of a Dialog.\n   *\n   * Features:\n   * - Container for dialog action buttons\n   * - Optional sticky positioning for long content\n   * - Consistent spacing and alignment\n   * - Right-aligned button layout by default\n   * - Flexible content area for custom layouts\n   *\n   * @example\n   * <Dialog.Footer sticky>\n   *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n   *   <Button appearance=\"primary\">Save</Button>\n   * </Dialog.Footer>\n   */\n  Footer: DialogFooter,\n  /**\n   * DialogContent component for the main content area of a Dialog.\n   *\n   * Features:\n   * - Main content container for dialog body\n   * - Flexible height with overflow handling\n   * - Consistent padding and spacing\n   * - Responsive design\n   * - Proper content scrolling for long content\n   *\n   * @example\n   * <Dialog.Content>\n   *   <p>This is the main content of the dialog.</p>\n   * </Dialog.Content>\n   */\n  Content: DialogContent,\n  /**\n   * DialogCancelButton component for cancel/close actions in a Dialog.\n   *\n   * Features:\n   * - Button that automatically closes the dialog when clicked\n   * - Extends all Button component props and functionality\n   * - Proper accessibility with close dialog semantics\n   * - Automatic focus management\n   * - Consistent styling with other dialog elements\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n   */\n  CancelButton: DialogCancelButton,\n});\n"],"names":["Close","focusables"],"mappings":"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"}

package/dist/Drawer-BHK18NYm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer-BHK18NYm.js","sources":["../src/components/Drawer/internal/useDrawerContext.ts","../src/components/Drawer/DrawerCancelButton.tsx","../src/components/Drawer/DrawerHeader.tsx","../src/components/Drawer/DrawerFooter.tsx","../src/components/Drawer/DrawerContent.tsx","../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { DrawerContext } from \"./DrawerContext\";\n\n/**\n * Hook to access the drawer context.\n *\n * @returns The drawer context containing close function and ref\n * @throws Error if used outside of a DrawerContextProvider\n */\nexport function useDrawerContext() {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\n      \"useDrawerContext must be used within a DrawerContextProvider\",\n    );\n  }\n  return context;\n}\n","import { MouseEvent, forwardRef } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId } from \"../../hooks\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerCancelButton component\n * @extends ButtonProps\n */\nexport type DrawerCancelButtonProps = ButtonProps & DataTrackingId;\n\n/**\n * A button component that automatically closes the drawer when clicked.\n *\n * Features:\n * - Automatically closes the drawer when clicked\n * - Extends Button component functionality\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard button props\n * - Proper focus management\n * - Can be used anywhere within the drawer context\n *\n * @example\n * <DrawerCancelButton appearance=\"ghost\" size=\"small\">\n *   Cancel\n * </DrawerCancelButton>\n */\nexport const DrawerCancelButton = forwardRef<\n  HTMLButtonElement,\n  DrawerCancelButtonProps\n>((props, ref) => {\n  const { onClick, ...rest } = props;\n  const { close } = useDrawerContext();\n  const data = {\n    children: childrenToString(props.children),\n    appearance: props.appearance,\n    size: props.size,\n    type: props.type,\n  };\n\n  const trackingId = useTrackingId({\n    name: \"DrawerCancelButton\",\n    data,\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const onClickHandler = (e: MouseEvent<HTMLButtonElement>) => {\n    onClick?.(e);\n    close();\n  };\n  return (\n    <Button\n      aria-label=\"Close drawer\"\n      data-anv=\"drawer-cancel-button\"\n      data-tracking-id={trackingId}\n      onClick={onClickHandler}\n      ref={ref}\n      {...rest}\n    />\n  );\n});\n\nDrawerCancelButton.displayName = \"DrawerCancelButton\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport styles from \"./Drawer.module.scss\";\nimport { Text } from \"../Text\";\nimport { DrawerCancelButton } from \"./DrawerCancelButton\";\nimport cx from \"classnames\";\nimport { DataTrackingId } from \"../../types\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DrawerHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * Header component for the drawer that displays a title and close button.\n *\n * Features:\n * - Displays the drawer title as a headline\n * - Includes an accessible close button\n * - Sticky positioning at the top of the drawer\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Automatic close functionality\n *\n * @example\n * <Drawer.Header>Settings</Drawer.Header>\n */\nexport const DrawerHeader = forwardRef<HTMLHeadElement, DrawerHeaderProps>(\n  (props, ref) => {\n    const { className, children } = props;\n    const { headerRef } = useDrawerContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"DrawerHeader\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const drawerHeaderClasses = cx(styles.header, className);\n\n    return (\n      <header\n        className={drawerHeaderClasses}\n        data-anv=\"drawer-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n      >\n        <Text variant=\"headline\" el=\"h1\">\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DrawerCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close drawer\"\n            data-anv=\"drawer-header-close-button\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport styles from \"./Drawer.module.scss\";\nimport cx from \"classnames\";\n\n/**\n * Props for the DrawerFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DrawerFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * When true, the footer will stick to the bottom of the drawer.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Footer component for the drawer that displays action buttons and controls.\n *\n * Features:\n * - Flexible layout for action buttons and controls\n * - Optional sticky positioning at the bottom\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard footer element props\n * - Responsive design that adapts to content\n *\n * @example\n * <Drawer.Footer sticky>\n *   <Button onClick={handleSave}>Save</Button>\n *   <Button onClick={handleCancel}>Cancel</Button>\n * </Drawer.Footer>\n */\nexport const DrawerFooter = forwardRef<HTMLElement, DrawerFooterProps>(\n  (props, ref) => {\n    const { className, children, sticky = false, ...rest } = props;\n    const drawerFooterClasses = cx(styles.footer, className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={drawerFooterClasses}\n        data-anv=\"drawer-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport styles from \"./Drawer.module.scss\";\nimport cx from \"classnames\";\nimport { useDrawerContext } from \"./internal/useDrawerContext\";\n\n/**\n * Props for the DrawerContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DrawerContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * Content container for the drawer that holds the main content area.\n *\n * Features:\n * - Flexible content area with proper spacing\n * - Scrollable content when needed\n * - Optional sticky positioning below header\n * - Proper semantic HTML structure\n * - Accessible with proper ARIA attributes\n * - Consistent styling with the design system\n * - Supports all standard div element props\n * - Responsive design that adapts to content\n * - Proper focus management\n *\n * @example\n * // Basic content\n * <Drawer.Content>\n *   <p>This is the main content of the drawer.</p>\n * </Drawer.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Drawer.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Drawer.Content>\n */\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDrawerContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"drawer-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n","import styles from \"./Drawer.module.scss\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useRef,\n  useId,\n  useCallback,\n  useEffect,\n  SyntheticEvent,\n  KeyboardEvent,\n  useMemo,\n} from \"react\";\nimport { DrawerHeader } from \"./DrawerHeader\";\nimport { DrawerFooter } from \"./DrawerFooter\";\nimport { DrawerContent } from \"./DrawerContent\";\nimport { DrawerCancelButton } from \"./DrawerCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { DrawerContext } from \"./internal/DrawerContext\";\nimport { useInitialFocus } from \"../Dialog/internal/useInitialFocus\";\n\n/**\n * Props for the Drawer component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DrawerProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * The size of the drawer.\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\">;\n    /**\n     * Controls whether the drawer is open or closed.\n     * @default false\n     */\n    open?: boolean;\n    /**\n     * Callback function called after the drawer is animated closed.\n     */\n    onClose?: () => void;\n    /**\n     * Callback function called when the drawer opens.\n     * @deprecated Use onOpenAnimationStart or onOpenAnimationComplete instead\n     */\n    onOpen?: () => void;\n    /**\n     * Callback when clicking outside the drawer\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining behavior.\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n  };\n\nconst DrawerElement = forwardRef<HTMLDialogElement, DrawerProps>(\n  (props, ref) => {\n    const {\n      className,\n      open = false,\n      children,\n      onOpen,\n      onClose,\n      // onCancel is destructured so that it is not passed to the dialog in ...rest\n      onCancel,\n      onKeyDown,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size = \"medium\",\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n        onOpen?.(); // DEPRECATED\n      }, [onOpen, onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    const classNames = cx([styles.drawer], className, {\n      [styles.remove]: state === \"closing\",\n      [styles.large]: size === \"large\",\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: false,\n    });\n    const firstFocusable = focusables?.[0];\n    const lastFocusable = focusables?.[focusables.length - 1];\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"drawer-header-close-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onCancelHandler = (e: SyntheticEvent<HTMLDialogElement>) => {\n      e.preventDefault();\n\n      if (disableCloseOnEscape) return;\n      onClose?.();\n    };\n\n    useOnClickOutside({\n      onOutsidePress: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClose: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === firstFocusable) {\n          e.preventDefault();\n          (lastFocusable as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === lastFocusable && !e.shiftKey) {\n          e.preventDefault();\n          (firstFocusable as HTMLElement)?.focus();\n          return;\n        }\n      }\n    };\n\n    const contextValue = useMemo(() => {\n      return { close: () => onClose?.(), headerRef };\n    }, [onClose]);\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"drawer\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={combinedRef}\n        onCancel={onCancelHandler}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={isOpenOrOpening}>\n          <ToasterPopover>\n            <ToasterContent id=\"drawer-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n        <DrawerContext.Provider value={contextValue}>\n          <section\n            ref={contentRef}\n            className={styles.container}\n            data-open={isOpenOrOpening}\n          >\n            {children}\n          </section>\n        </DrawerContext.Provider>\n      </dialog>\n    );\n  },\n);\nDrawerElement.displayName = \"Drawer\";\n\n/**\n * A slide-out drawer component that provides a modal-like experience from the side of the screen.\n *\n * Features:\n * - Slide-in animation from the side of the screen\n * - Keyboard navigation with focus trapping\n * - Escape key and click outside to close\n * - Configurable size variants (medium, large)\n * - Built-in toast support for notifications\n * - Automatic scroll locking when open\n * - Accessible with proper ARIA attributes\n * - Compound component structure with Header, Footer, Content, and CancelButton\n * - Transition state callbacks for animation control\n * - Optional scroll chaining support\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Drawer open={isOpen} onClose={handleClose} size=\"medium\">\n *   <Drawer.Header>Settings</Drawer.Header>\n *   <Drawer.Content>Drawer content goes here</Drawer.Content>\n *   <Drawer.Footer>\n *     <Button onClick={handleSave}>Save</Button>\n *     <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n *   </Drawer.Footer>\n * </Drawer>\n */\nexport const Drawer = Object.assign(DrawerElement, {\n  /**\n   * Header component for the drawer that displays a title and close button.\n   *\n   * Features:\n   * - Displays the drawer title as a headline\n   * - Includes an accessible close button\n   * - Sticky positioning at the top of the drawer\n   * - Proper semantic HTML structure\n   * - Accessible with proper ARIA attributes\n   * - Consistent styling with the design system\n   * - Automatic close functionality\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Drawer.Header>Settings</Drawer.Header>\n   */\n  Header: DrawerHeader,\n  /**\n   * Footer component for the drawer that displays action buttons and controls.\n   *\n   * Features:\n   * - Flexible layout for action buttons and controls\n   * - Optional sticky positioning at the bottom\n   * - Proper semantic HTML structure\n   * - Accessible with proper ARIA attributes\n   * - Consistent styling with the design system\n   * - Supports all standard footer element props\n   * - Responsive design that adapts to content\n   *\n   * @example\n   * <Drawer.Footer sticky>\n   *   <Button onClick={handleSave}>Save</Button>\n   *   <Drawer.CancelButton>Cancel</Drawer.CancelButton>\n   * </Drawer.Footer>\n   */\n  Footer: DrawerFooter,\n  /**\n   * Content container for the drawer that holds the main content area.\n   *\n   * Features:\n   * - Flexible content area with proper spacing\n   * - Scrollable content when needed\n   * - Proper semantic HTML structure\n   * - Accessible with proper ARIA attributes\n   * - Consistent styling with the design system\n   * - Supports all standard div element props\n   * - Responsive design that adapts to content\n   * - Proper focus management\n   *\n   * @example\n   * <Drawer.Content>\n   *   <p>This is the main content of the drawer.</p>\n   *   <p>It can contain any type of content.</p>\n   * </Drawer.Content>\n   */\n  Content: DrawerContent,\n  /**\n   * A button component that automatically closes the drawer when clicked.\n   *\n   * Features:\n   * - Automatically closes the drawer when clicked\n   * - Extends Button component functionality\n   * - Accessible with proper ARIA attributes\n   * - Consistent styling with the design system\n   * - Supports all standard button props\n   * - Proper focus management\n   * - Can be used anywhere within the drawer context\n   * - Automatic tracking ID generation for analytics\n   *\n   * @example\n   * <Drawer.CancelButton appearance=\"ghost\" size=\"small\">\n   *   Cancel\n   * </Drawer.CancelButton>\n   */\n  CancelButton: DrawerCancelButton,\n});\n"],"names":["Close","focusables"],"mappings":"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"}

package/dist/Pagination-CnF6yBr5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination-CnF6yBr5.js","sources":["../src/components/Pagination/internal/PaginationItem.tsx","../src/components/Pagination/internal/PaginationOverflowMenu.tsx","../src/components/Pagination/internal/PaginationItemsPerPageMenu.tsx","../src/components/Pagination/internal/PaginationList.tsx","../src/components/Pagination/internal/PaginationTotalCount.tsx","../src/components/Pagination/internal/Pagination.tsx","../src/components/Pagination/internal/usePaginationArray.ts","../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { ButtonToggle } from \"../../ButtonToggle\";\n\nimport styles from \"./PaginationItem.module.scss\";\n\n/**\n * Props for the PaginationItem component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationItemProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The page number to display.\n   */\n  page: number;\n  /**\n   * Whether this page item is currently active/selected.\n   * @default false\n   */\n  isActive?: boolean;\n  /**\n   * Callback function called when the page item is clicked.\n   */\n  onClick?: () => void;\n};\n\n/**\n * PaginationItem component for displaying individual page numbers in pagination.\n *\n * Features:\n * - Displays page number as a toggle button\n * - Supports active state styling\n * - Fully accessible with proper ARIA attributes\n * - Integrates with pagination navigation system\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItem\n *   page={3}\n *   isActive={true}\n *   onClick={() => console.log('Page 3 clicked')}\n * />\n */\nexport const PaginationItem = forwardRef<HTMLLIElement, PaginationItemProps>(\n  (props, ref) => {\n    const { page, isActive, onClick, className, ...rest } = props;\n\n    const paginationClassName = cx(styles[\"pagination-item\"], className);\n    const paginationButtonClassName = cx(styles[\"pagination-item-button\"], {\n      [styles.active]: isActive,\n    });\n    return (\n      <li ref={ref} {...rest} className={paginationClassName}>\n        <ButtonToggle\n          className={paginationButtonClassName}\n          size=\"small\"\n          onClick={onClick}\n          aria-current={isActive ? \"page\" : undefined}\n          aria-label={\n            isActive ? `Current page, page ${page}` : `Go to page ${page}`\n          }\n          checked={isActive}\n        >\n          {page}\n        </ButtonToggle>\n      </li>\n    );\n  },\n);\n\nPaginationItem.displayName = \"PaginationItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport IconMoreHoriz from \"@servicetitan/hammer-icon/mdi/round/more_horiz.svg\";\n\nimport { Menu } from \"../../Menu\";\n\nimport styles from \"./PaginationOverflowMenu.module.scss\";\n\n/**\n * Props for the PaginationOverflowMenu component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type PaginationOverflowMenuProps = ComponentPropsWithoutRef<\"li\"> & {\n  /**\n   * The starting page number for the overflow range.\n   */\n  startPage: number;\n  /**\n   * The ending page number for the overflow range.\n   */\n  endPage: number;\n  /**\n   * The number of pages in the overflow range.\n   */\n  length: number;\n  /**\n   * Callback function called when a page in the overflow menu is selected.\n   * @param page The selected page number\n   */\n  onItemClick: (page: number) => void;\n};\n\n/**\n * PaginationOverflowMenu component for displaying overflow pages in pagination.\n *\n * Features:\n * - Displays ellipsis menu for large page ranges\n * - Shows all pages in the overflow range as menu items\n * - Integrates with pagination navigation system\n * - Fully accessible with proper ARIA labels\n * - Consistent styling with design system\n *\n * @example\n * <PaginationOverflowMenu\n *   startPage={4}\n *   endPage={8}\n *   length={5}\n *   onItemClick={(page) => console.log('Page selected:', page)}\n * />\n */\nexport const PaginationOverflowMenu = forwardRef<\n  HTMLLIElement,\n  PaginationOverflowMenuProps\n>((props, ref) => {\n  const { startPage, endPage, length, onItemClick, ...rest } = props;\n  return (\n    <li className={styles[\"pagination-item-overflow-menu\"]} ref={ref} {...rest}>\n      <Menu\n        icon={IconMoreHoriz}\n        size=\"small\"\n        appearance=\"ghost\"\n        maxHeight={200}\n        key={`${startPage}-${endPage}`}\n        contentClassName={styles[\"pagination-item-overflow-menu-content\"]}\n        aria-label=\"More pages\"\n      >\n        {Array.from({ length: length }).map((_, index) => (\n          <Menu.Item\n            key={index}\n            label={`${startPage + index}`}\n            onClick={() => {\n              const selectedPage = startPage + index;\n              onItemClick(selectedPage);\n\n              // Focus the active page button after selecting a page since overflow menu is re-rendered in different positions\n              setTimeout(() => {\n                document\n                  .querySelector<HTMLElement>('[aria-current=\"page\"]')\n                  ?.focus();\n              }, 100);\n            }}\n          />\n        ))}\n      </Menu>\n    </li>\n  );\n});\n\nPaginationOverflowMenu.displayName = \"PaginationOverflowMenu\";\n","import { forwardRef, KeyboardEvent } from \"react\";\nimport IconKeyboardArrowDown from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_down.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Flex } from \"../../Flex\";\nimport { Menu } from \"../../Menu\";\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationItemsPerPageMenu.module.scss\";\n\n/**\n * Props for the PaginationItemsPerPageMenu component\n */\nexport type PaginationItemsPerPageMenuProps = {\n  /**\n   * The currently selected number of items per page.\n   */\n  itemsPerPage: number;\n  /**\n   * Array of available options for items per page.\n   */\n  itemsPerPageOptions: number[];\n  /**\n   * Callback function called when the items per page selection changes.\n   * @param itemsPerPage The new number of items per page\n   */\n  onItemsPerPageChange: (itemsPerPage: number) => void;\n};\n\n/**\n * PaginationItemsPerPageMenu component for selecting the number of items per page.\n *\n * Features:\n * - Displays current items per page selection\n * - Provides dropdown menu with available options\n * - Integrates with pagination system\n * - Shows \"Rows per page\" label for clarity\n * - Fully accessible with proper ARIA attributes\n * - Consistent styling with design system\n *\n * @example\n * <PaginationItemsPerPageMenu\n *   itemsPerPage={10}\n *   itemsPerPageOptions={[5, 10, 25, 50]}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const PaginationItemsPerPageMenu = forwardRef<\n  HTMLDivElement,\n  PaginationItemsPerPageMenuProps\n>((props, ref) => {\n  const { itemsPerPage, itemsPerPageOptions, onItemsPerPageChange } = props;\n\n  // This is a workaround to focus the first item in the menu when the arrow keys are pressed with the custom menu trigger\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.code === \"ArrowDown\" || e.code === \"ArrowUp\") {\n      e.preventDefault();\n      const menuId = e.currentTarget.getAttribute(\"aria-controls\");\n\n      setTimeout(() => {\n        const menu = menuId ? document.getElementById(menuId) : null;\n        const menuItems =\n          menu?.querySelectorAll('[data-anv=\"menu-item\"]') ||\n          document.querySelectorAll('[data-anv=\"menu-item\"]');\n\n        (menuItems[0] as HTMLElement)?.focus();\n      }, 100);\n    }\n  };\n\n  return (\n    <Flex alignItems=\"center\" gap=\"2\" ref={ref}>\n      <Text size=\"small\">Rows per page</Text>\n      <Menu\n        trigger={({ ref, ...rest }) => {\n          return (\n            <Button\n              ref={ref}\n              {...rest}\n              onKeyDown={handleKeyDown}\n              className={styles[\"pagination-items-per-page-button\"]}\n              appearance=\"ghost\"\n              icon={{ after: IconKeyboardArrowDown }}\n              size=\"small\"\n            >\n              {itemsPerPage}\n            </Button>\n          );\n        }}\n      >\n        {itemsPerPageOptions.map((option) => (\n          <Menu.Item\n            key={option}\n            label={option}\n            onClick={() => {\n              onItemsPerPageChange?.(option);\n            }}\n          />\n        ))}\n      </Menu>\n    </Flex>\n  );\n});\n\nPaginationItemsPerPageMenu.displayName = \"PaginationItemsPerPageMenu\";\n","import { forwardRef } from \"react\";\nimport IconKeyboardArrowLeft from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_left.svg\";\nimport IconKeyboardArrowRight from \"@servicetitan/hammer-icon/mdi/round/keyboard_arrow_right.svg\";\n\nimport { Button } from \"../../Button\";\n\nimport cx from \"classnames\";\nimport itemStyles from \"./PaginationItem.module.scss\";\nimport styles from \"./PaginationList.module.scss\";\n\ntype PaginationListProps = {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport const PaginationList = forwardRef<HTMLUListElement, PaginationListProps>(\n  (props, ref) => {\n    const { page, totalPages, children, onPageChange, className } = props;\n\n    const paginationListClassName = cx(styles[\"pagination-list\"], className);\n\n    return (\n      <ul ref={ref} className={paginationListClassName}>\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowLeft}\n            size=\"small\"\n            aria-label=\"Previous page\"\n            disabled={page === 1}\n            onClick={() => {\n              if (page > 1) {\n                onPageChange?.(page - 1);\n              }\n            }}\n          />\n        </li>\n        {children}\n        <li className={itemStyles[\"pagination-item\"]}>\n          <Button\n            appearance=\"ghost\"\n            icon={IconKeyboardArrowRight}\n            size=\"small\"\n            aria-label=\"Next page\"\n            disabled={totalPages > 0 && page === totalPages}\n            onClick={() => {\n              if (totalPages === 0 || page < totalPages) {\n                onPageChange?.(page + 1);\n              }\n            }}\n          />\n        </li>\n      </ul>\n    );\n  },\n);\n\nPaginationList.displayName = \"PaginationList\";\n","import cx from \"classnames\";\n\nimport { Text } from \"../../Text\";\n\nimport styles from \"./PaginationTotalCount.module.scss\";\n\nexport const PaginationTotalCount = ({\n  firstItem,\n  lastItem,\n  totalCount,\n  className,\n}: {\n  firstItem: number;\n  lastItem: number;\n  totalCount: number;\n  className?: string;\n}) => {\n  const paginationTotalCountClassName = cx(\n    styles[\"pagination-total-count\"],\n    className,\n  );\n  return (\n    <Text\n      size=\"small\"\n      className={paginationTotalCountClassName}\n      aria-hidden=\"true\"\n    >\n      {firstItem} - {lastItem} {totalCount ? `of ${totalCount}` : \"\"} items\n    </Text>\n  );\n};\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { PaginationItem } from \"./PaginationItem\";\nimport { PaginationOverflowMenu } from \"./PaginationOverflowMenu\";\nimport { PaginationItemsPerPageMenu } from \"./PaginationItemsPerPageMenu\";\nimport { PaginationList } from \"./PaginationList\";\nimport { PaginationTotalCount } from \"./PaginationTotalCount\";\n\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @extends ComponentPropsWithoutRef<\"nav\">\n */\nexport type PaginationProps = ComponentPropsWithoutRef<\"nav\">;\n\nconst PaginationElement = forwardRef<HTMLElement, PaginationProps>(\n  (props, ref) => {\n    const { className, children, ...rest } = props;\n\n    const paginationClassName = cx(styles.pagination, className);\n\n    return (\n      <nav ref={ref} className={paginationClassName} {...rest}>\n        {children}\n      </nav>\n    );\n  },\n);\n\nPaginationElement.displayName = \"Pagination\";\n\n/**\n * Pagination component for navigating through paginated content.\n *\n * Features:\n * - Provides navigation controls for paginated data\n * - Supports compound components for flexible pagination layouts\n * - Includes list, items, overflow menu, items per page menu, and total count\n * - Accessible navigation with proper ARIA roles\n * - Customizable styling and layout\n *\n * @example\n * <Pagination>\n *   <Pagination.List>\n *     <Pagination.Item>1</Pagination.Item>\n *     <Pagination.Item>2</Pagination.Item>\n *     <Pagination.OverflowMenu />\n *     <Pagination.Item>10</Pagination.Item>\n *   </Pagination.List>\n *   <Pagination.ItemsPerPageMenu />\n *   <Pagination.TotalCount />\n * </Pagination>\n */\nexport const Pagination = Object.assign(PaginationElement, {\n  List: PaginationList,\n  Item: PaginationItem,\n  OverflowMenu: PaginationOverflowMenu,\n  ItemsPerPageMenu: PaginationItemsPerPageMenu,\n  TotalCount: PaginationTotalCount,\n});\n","import { useMemo, useRef } from \"react\";\n\nexport type PageArrayItem =\n  | { type: \"page\"; page: number }\n  | { type: \"overflow\"; startPage: number; endPage: number; length: number };\n\n/**\n * Custom hook for managing pagination array state and generation.\n *\n * Features:\n * - Automatically generates pagination array based on current page and total pages\n * - Avoids unnecessary regeneration if the current page is already visible\n * - Updates array when page or total pages change and the visible set must change\n * - Handles jumps to first/last page with overflow between current and target\n * - Provides stable reference for the current pagination array\n *\n * @param page The currently selected page\n * @param totalPages Total number of pages\n * @param maxArrayLength Maximum length of the pagination array (including overflows)\n * @returns The current pagination array\n *\n * @example\n * const pageArray = usePaginationArray({\n *   page: 5,\n *   totalPages: 10,\n *   maxArrayLength: 7\n * });\n */\nexport const usePaginationArray = ({\n  page,\n  totalPages,\n  maxArrayLength = 7,\n}: {\n  page: number;\n  totalPages: number;\n  maxArrayLength?: number;\n}): PageArrayItem[] => {\n  const prevRef = useRef<{\n    array: PageArrayItem[];\n    totalPages: number;\n    maxArrayLength: number;\n    prevPage: number;\n  } | null>(null);\n\n  return useMemo(() => {\n    const maxPagesToShow = maxArrayLength - 2;\n    let result: PageArrayItem[] = [];\n    const addRange = (start: number, end: number) => {\n      const count = end - start + 1;\n      if (count === 1) {\n        result.push({ type: \"page\", page: start });\n      } else if (count >= 2) {\n        result.push({\n          type: \"overflow\",\n          startPage: start,\n          endPage: end,\n          length: count,\n        });\n      }\n    };\n\n    if (totalPages <= maxArrayLength) {\n      result = Array.from({ length: totalPages }, (_, i) => ({\n        type: \"page\" as const,\n        page: i + 1,\n      }));\n    } else if (page <= maxPagesToShow) {\n      // Leading section\n      for (let i = 1; i <= maxPagesToShow; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n      addRange(maxArrayLength - 1, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    } else if (page >= totalPages - maxPagesToShow + 1) {\n      // Trailing section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, totalPages - maxPagesToShow);\n      for (let i = totalPages - (maxPagesToShow - 1); i <= totalPages; i++) {\n        result.push({ type: \"page\", page: i });\n      }\n    } else {\n      // Middle section\n      result.push({ type: \"page\", page: 1 });\n      addRange(2, page - 2);\n      result.push({ type: \"page\", page: page - 1 });\n      result.push({ type: \"page\", page: page });\n      result.push({ type: \"page\", page: page + 1 });\n      addRange(page + 2, totalPages - 1);\n      result.push({ type: \"page\", page: totalPages });\n    }\n\n    const prev = prevRef.current;\n\n    // Check if we should remake array due to overflow between pages or new page being in overflow\n    let shouldRemakeForJump = false;\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength\n    ) {\n      // Check if there is overflow between the new page and the current page\n      const start = Math.min(prev.prevPage, page);\n      const end = Math.max(prev.prevPage, page);\n      const hasOverflowBetween = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          // Check if overflow intersects with the range (not completely covers)\n          !(item.endPage < start || item.startPage > end),\n      );\n\n      // Check if the new page is part of an overflow\n      const newPageInOverflow = prev.array.some(\n        (item) =>\n          item.type === \"overflow\" &&\n          item.startPage <= page &&\n          item.endPage >= page,\n      );\n\n      shouldRemakeForJump = hasOverflowBetween || newPageInOverflow;\n    }\n\n    // If we should remake for jump, always return the new array\n    if (shouldRemakeForJump) {\n      prevRef.current = {\n        array: result,\n        totalPages,\n        maxArrayLength,\n        prevPage: page,\n      };\n      return result;\n    }\n\n    // Optimization: if the new page is already present in the previous array, reuse the array\n    if (\n      prev &&\n      prev.totalPages === totalPages &&\n      prev.maxArrayLength === maxArrayLength &&\n      prev.array.some((item) => item.type === \"page\" && item.page === page)\n    ) {\n      return prev.array;\n    }\n\n    prevRef.current = {\n      array: result,\n      totalPages,\n      maxArrayLength,\n      prevPage: page,\n    };\n    return result;\n  }, [page, totalPages, maxArrayLength]);\n};\n","import { forwardRef, useLayoutEffect, useRef, useState } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\nimport { DataTrackingId } from \"../../types\";\nimport { SrOnly } from \"../SrOnly\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\n\nimport {\n  Pagination as BasePagination,\n  type PaginationProps as BasePaginationProps,\n} from \"./internal/Pagination\";\nimport { usePaginationArray } from \"./internal/usePaginationArray\";\n\nimport cx from \"classnames\";\nimport styles from \"./Pagination.module.scss\";\n\n/**\n * Props for the Pagination component\n * @property {number} page - The current page number\n * @property {number} itemsPerPage - Number of items displayed per page\n * @property {number[]} [itemsPerPageOptions] - Available options for items per page selection\n * @property {number} [totalItemCount] - Total number of items across all pages\n * @property {boolean} [showCount] - Whether to display the item count information\n * @property {(page: number) => void} [onPageChange] - Callback when page changes\n * @property {(itemsPerPage: number) => void} [onItemsPerPageChange] - Callback when items per page changes\n * @extends Omit<BasePaginationProps, \"children\">\n * @extends DataTrackingId\n */\nexport type PaginationProps = Omit<BasePaginationProps, \"children\"> &\n  DataTrackingId & {\n    page: number;\n    itemsPerPage: number;\n    itemsPerPageOptions?: number[];\n    totalItemCount?: number;\n    showCount?: boolean;\n    onPageChange?: (page: number) => void;\n    onItemsPerPageChange?: (itemsPerPage: number) => void;\n  };\n\n/**\n * Pagination component for navigating through paginated content with automatic page array generation.\n *\n * Features:\n * - Automatic page array generation with overflow handling\n * - Supports items per page selection with customizable options\n * - Displays item count information with screen reader support\n * - Handles edge cases like invalid page numbers\n * - Includes previous/next navigation buttons\n * - Supports overflow menus for large page ranges\n * - Fully accessible with proper ARIA attributes\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Pagination\n *   page={1}\n *   itemsPerPage={10}\n *   totalItemCount={100}\n *   itemsPerPageOptions={[10, 20, 50]}\n *   showCount={true}\n *   onPageChange={(page) => console.log('Page changed to:', page)}\n *   onItemsPerPageChange={(itemsPerPage) => console.log('Items per page:', itemsPerPage)}\n * />\n */\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (props, ref) => {\n    const {\n      \"aria-label\": ariaLabel,\n      page,\n      itemsPerPage,\n      itemsPerPageOptions,\n      totalItemCount: totalItemCountProp,\n      showCount,\n      onPageChange,\n      onItemsPerPageChange,\n      className,\n      ...rest\n    } = props;\n\n    const data = {\n      \"aria-label\": ariaLabel,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Pagination\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n    const totalItemCount = totalItemCountProp ?? 0;\n    const totalPages = Math.ceil(totalItemCount / itemsPerPage);\n    const elRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useMergeRefs([elRef, ref]);\n    const [isNarrow, setIsNarrow] = useState(false);\n\n    const pageArray = usePaginationArray({\n      page,\n      totalPages,\n      maxArrayLength: 7,\n    });\n\n    // Check if current page is available in the pageArray, fallback to page 1 if not\n    const isPageAvailable = pageArray.some(\n      (item) => item.type === \"page\" && item.page === page,\n    );\n\n    if (!isPageAvailable && page !== 1 && totalPages > 0) {\n      // Use requestAnimationFrame to avoid calling onPageChange during render\n      requestAnimationFrame(() => {\n        onPageChange?.(1);\n      });\n    }\n\n    const firstItem = 1 + (page - 1) * itemsPerPage;\n    const lastItem = Math.min(firstItem - 1 + itemsPerPage, totalItemCount);\n    const itemRangeText = `${firstItem} - ${lastItem} ${\n      totalItemCount ? `of ${totalItemCount}` : \"\"\n    } items`;\n\n    useLayoutEffect(() => {\n      const resizeObserver = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) {\n          setIsNarrow(\n            entry.contentRect.width <\n              Number(core.primitive.BreakpointSm.value.replace(\"px\", \"\")),\n          );\n        }\n      });\n      if (elRef.current) {\n        resizeObserver.observe(elRef.current);\n      }\n      return () => {\n        resizeObserver.disconnect();\n      };\n    }, []);\n\n    return (\n      <BasePagination\n        ref={combinedRef}\n        data-tracking-id={trackingId}\n        className={cx(styles.pagination, className)}\n        aria-label={ariaLabel || \"Pagination navigation\"}\n        {...rest}\n      >\n        <BasePagination.List\n          page={page}\n          totalPages={totalPages}\n          onPageChange={(page) => onPageChange?.(page)}\n        >\n          {pageArray.map((item) => {\n            if (item.type === \"page\") {\n              return (\n                <BasePagination.Item\n                  key={item.page}\n                  page={item.page}\n                  isActive={item.page === page}\n                  onClick={() => onPageChange?.(item.page)}\n                />\n              );\n            }\n            return (\n              <BasePagination.OverflowMenu\n                key={item.startPage}\n                startPage={item.startPage}\n                endPage={item.endPage}\n                length={item.length}\n                onItemClick={(item) => onPageChange?.(item)}\n              />\n            );\n          })}\n        </BasePagination.List>\n        {isNarrow === false && (\n          <>\n            {itemsPerPageOptions && (\n              <BasePagination.ItemsPerPageMenu\n                itemsPerPage={itemsPerPage}\n                itemsPerPageOptions={itemsPerPageOptions}\n                onItemsPerPageChange={(itemsPerPage) =>\n                  onItemsPerPageChange?.(itemsPerPage)\n                }\n              />\n            )}\n            {showCount && (\n              <BasePagination.TotalCount\n                firstItem={firstItem}\n                lastItem={lastItem}\n                totalCount={totalItemCount}\n              />\n            )}\n          </>\n        )}\n        <SrOnly aria-live=\"polite\" aria-atomic=\"true\">\n          Page {page} of {totalPages}, {itemRangeText}\n        </SrOnly>\n      </BasePagination>\n    );\n  },\n);\n\nPagination.displayName = \"Pagination\";\n"],"names":["styles","IconMoreHoriz","ref","IconKeyboardArrowDown","IconKeyboardArrowLeft","IconKeyboardArrowRight","Pagination","core.primitive.BreakpointSm","BasePagination","page","item","itemsPerPage"],"mappings":"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"}

package/dist/SelectFieldSync-BOzavAtv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectFieldSync-BOzavAtv.js","sources":["../src/internal/hooks/useSelectFieldLoading/useSelectFieldLoading.ts","../src/beta/components/SelectField/internal/SelectFieldListItem.tsx","../src/beta/components/SelectField/internal/InView.tsx","../src/beta/components/SelectField/internal/SelectFieldList.tsx","../src/beta/components/SelectField/internal/SelectFieldInput.tsx","../src/beta/components/SelectField/internal/SelectFieldLabel.tsx","../src/internal/hooks/useDebouncedCallback/useDebouncedCallback.ts","../src/beta/components/SelectField/internal/useCombo.tsx","../src/beta/components/SelectField/internal/FieldPopover/FieldPopover.tsx","../src/beta/hooks/useAdaptiveView.tsx","../src/beta/components/SelectField/internal/FieldDialog/FieldDialog.tsx","../src/beta/components/SelectField/SelectField.tsx","../src/beta/components/SelectField/SelectFieldSync.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport {\n  SelectFieldOption,\n  SelectFieldPageLazyResult,\n  SelectFieldOffsetLazyResult,\n  SelectFieldGroupLazyResult,\n  SelectFieldPropsLazyPage,\n  SelectFieldPropsLazyOffset,\n  SelectFieldPropsLazyGroup,\n  SelectFieldPropsEager,\n} from \"../../../beta/components/SelectField/types\";\n\nexport const DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_CACHE_MAX_SIZE = 15;\n\n/**\n * Configuration for caching search results in useSelectFieldLoading.\n * When enabled, the full accumulated state (options, pagination cursor, hasMore)\n * is cached per search value, allowing instant restoration when returning to\n * a previous search.\n */\nexport type CacheConfig = {\n  /**\n   * Whether caching is enabled. Defaults to true.\n   */\n  enabled?: boolean;\n  /**\n   * Maximum number of search values to cache before clearing.\n   * Defaults to 15.\n   */\n  maxSize?: number;\n};\n\n/**\n * The full state cached per search value, including accumulated options,\n * pagination cursor, and hasMore flag.\n */\ntype CachedSearchState = {\n  options: SelectFieldOption[];\n  hasMore: boolean;\n  previousPage: number;\n  previousOffset: number;\n  previousGroup: string | number | null;\n};\n\ntype UseSelectFieldLoadingConfigLazyPage = Pick<\n  SelectFieldPropsLazyPage,\n  \"lazy\" | \"loadOptions\"\n> & {\n  pageSize: number;\n  cache?: CacheConfig;\n};\n\ntype UseSelectFieldLoadingConfigLazyOffset = Pick<\n  SelectFieldPropsLazyOffset,\n  \"lazy\" | \"loadOptions\"\n> & {\n  limit: number;\n  cache?: CacheConfig;\n};\n\ntype UseSelectFieldLoadingConfigLazyGroup = Pick<\n  SelectFieldPropsLazyGroup,\n  \"lazy\" | \"loadOptions\"\n> & {\n  cache?: CacheConfig;\n};\n\ntype UseSelectFieldLoadingConfigEager = Pick<\n  SelectFieldPropsEager,\n  \"lazy\" | \"loadOptions\"\n> & {\n  cache?: CacheConfig;\n};\n\nexport type UseSelectFieldLoadingConfig =\n  | UseSelectFieldLoadingConfigLazyPage\n  | UseSelectFieldLoadingConfigLazyOffset\n  | UseSelectFieldLoadingConfigLazyGroup\n  | UseSelectFieldLoadingConfigEager;\n\nexport type UseSelectFieldLoadingReturn = {\n  /**\n   * Current loaded options array\n   */\n  options: SelectFieldOption[];\n  /**\n   * Boolean indicating initial load in progress\n   */\n  loading: boolean;\n  /**\n   * Boolean indicating load more in progress\n   */\n  loadingMore: boolean;\n  /**\n   * Boolean indicating if more options are available\n   */\n  hasMore: boolean;\n  /**\n   * Function to load options. When initial is true, replaces options and sets loading state.\n   * When initial is false or undefined, appends options and sets loadingMore state.\n   * @param searchValue - The search value to load options for\n   * @param options - Optional configuration\n   * @param options.initial - Whether this is an initial load (replaces options) or continuation (appends options)\n   */\n  loadOptions: (\n    searchValue: string,\n    options?: { initial?: boolean },\n  ) => Promise<void>;\n  /**\n   * Function to load more options (for pagination). Appends to existing options.\n   * @param searchValue - The search value to load more options for\n   */\n  loadMore: (searchValue: string) => Promise<void>;\n  /**\n   * Function to reset all state to initial values\n   */\n  reset: () => void;\n  /**\n   * Function to clear the search results cache\n   */\n  clearCache: () => void;\n};\n\n/**\n * Custom hook for managing SelectField option loading state and logic.\n *\n * Features:\n * - Manages option loading state (loading, loadingMore, hasMore)\n * - Supports eager loading and three lazy loading modes (page, offset, group)\n * - Handles pagination state tracking for lazy loading\n * - Provides methods to load options (initial or continuation) and load more\n * - Automatically manages option replacement vs appending based on load type\n * - Tracks pagination state (page, offset, group) for lazy loading modes\n * - Provides reset functionality to clear all state\n *\n * @param config - Configuration object containing lazy mode, loadOptions function, and pagination settings\n * @returns Object containing options, loading states, and load functions\n *\n * @example\n * const { options, loading, loadingMore, hasMore, loadOptions, loadMore } = useSelectFieldLoading({\n *   lazy: \"page\",\n *   loadOptions: async (searchValue, page, pageSize) => {\n *     const result = await fetchOptions(searchValue, page, pageSize);\n *     return { options: result.items, hasMore: result.hasMore };\n *   },\n *   pageSize: 10\n * });\n */\nexport function useSelectFieldLoading(\n  config: UseSelectFieldLoadingConfig,\n): UseSelectFieldLoadingReturn {\n  const { lazy, loadOptions: loadOptionsProp, cache: cacheConfig } = config;\n\n  // Cache configuration\n  const cacheEnabled = cacheConfig?.enabled !== false;\n  const cacheMaxSize = cacheConfig?.maxSize ?? DEFAULT_CACHE_MAX_SIZE;\n\n  const [options, setOptions] = useState<SelectFieldOption[]>([]);\n  const [hasMoreToLoad, setHasMoreToLoad] = useState(false);\n  const [previousGroup, setPreviousGroup] = useState<string | number | null>(\n    null,\n  );\n  const [previousPage, setPreviousPage] = useState<number>(0);\n  const [previousOffset, setPreviousOffset] = useState<number>(0);\n  const [loading, setLoading] = useState(false);\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  // Cache state: stores full accumulated state per search value\n  const [stateCache, setStateCache] = useState<Map<string, CachedSearchState>>(\n    () => new Map(),\n  );\n  // Track the current search value to know which cache entry to update on loadMore\n  const currentSearchValueRef = useRef<string>(\"\");\n\n  const appendOptions = useCallback((newOptions: SelectFieldOption[]) => {\n    setOptions((prevOptions) => prevOptions.concat(newOptions));\n  }, []);\n\n  const pageSize =\n    lazy === \"page\"\n      ? (config as UseSelectFieldLoadingConfigLazyPage).pageSize\n      : DEFAULT_PAGE_SIZE;\n  const limit =\n    lazy === \"offset\"\n      ? (config as UseSelectFieldLoadingConfigLazyOffset).limit\n      : DEFAULT_PAGE_SIZE;\n\n  // Helper to restore state from cache\n  const restoreFromCache = useCallback((cached: CachedSearchState) => {\n    setOptions(cached.options);\n    setHasMoreToLoad(cached.hasMore);\n    setPreviousPage(cached.previousPage);\n    setPreviousOffset(cached.previousOffset);\n    setPreviousGroup(cached.previousGroup);\n  }, []);\n\n  // Sync current state to cache whenever options or pagination state changes.\n  // This effect runs after React has batched all state updates from loadOptions/loadMore,\n  // ensuring we cache the complete, up-to-date state.\n  useEffect(() => {\n    if (!cacheEnabled) return;\n    const searchValue = currentSearchValueRef.current;\n    // Only cache if we have options (empty string \"\" is a valid search value)\n    if (options.length === 0) return;\n\n    setStateCache((prev) => {\n      // Clear cache if we've reached max size\n      if (prev.size >= cacheMaxSize) {\n        prev.clear();\n      }\n\n      prev.set(searchValue, {\n        options,\n        hasMore: hasMoreToLoad,\n        previousPage,\n        previousOffset,\n        previousGroup,\n      });\n      return new Map(prev);\n    });\n  }, [\n    cacheEnabled,\n    cacheMaxSize,\n    options,\n    hasMoreToLoad,\n    previousPage,\n    previousOffset,\n    previousGroup,\n  ]);\n\n  const loadOptions = useCallback(\n    async (\n      searchValue: string,\n      options?: { initial?: boolean },\n    ): Promise<void> => {\n      const isInitial = !!options?.initial;\n\n      // On initial load, check cache first\n      if (isInitial && cacheEnabled) {\n        const cached = stateCache.get(searchValue);\n        if (cached) {\n          // Restore full state from cache - no API call needed\n          currentSearchValueRef.current = searchValue;\n          restoreFromCache(cached);\n          return;\n        }\n      }\n\n      // Track current search value for cache updates on loadMore\n      if (isInitial) {\n        currentSearchValueRef.current = searchValue;\n      }\n\n      (isInitial ? setLoading : setLoadingMore)(true);\n\n      try {\n        if (!lazy) {\n          const result = await loadOptionsProp(searchValue);\n          const resolved = Array.isArray(result) ? result : await result;\n          (isInitial ? setOptions : appendOptions)(resolved);\n        } else {\n          let result:\n            | SelectFieldPageLazyResult\n            | SelectFieldOffsetLazyResult\n            | SelectFieldGroupLazyResult;\n\n          if (lazy === \"page\") {\n            const page = isInitial ? 0 : previousPage;\n            result = await loadOptionsProp(searchValue, page, pageSize);\n            setPreviousPage(isInitial ? 1 : page + 1);\n          } else if (lazy === \"offset\") {\n            const offset = isInitial ? 0 : previousOffset;\n            result = await loadOptionsProp(searchValue, offset, limit);\n            setPreviousOffset(isInitial ? limit : offset + limit);\n          } else if (lazy === \"group\") {\n            const group = isInitial ? null : previousGroup;\n            result = await loadOptionsProp(searchValue, group);\n            setPreviousGroup(\n              result.options[result.options.length - 1]?.group ?? null,\n            );\n          } else {\n            throw new Error(\n              `Invalid lazy mode: ${lazy}. Expected 'page', 'offset', or 'group'.`,\n            );\n          }\n\n          setHasMoreToLoad(result.hasMore ?? false);\n          (isInitial ? setOptions : appendOptions)(result.options);\n        }\n      } finally {\n        (isInitial ? setLoading : setLoadingMore)(false);\n      }\n    },\n    [\n      lazy,\n      pageSize,\n      limit,\n      loadOptionsProp,\n      appendOptions,\n      previousPage,\n      previousOffset,\n      previousGroup,\n      cacheEnabled,\n      stateCache,\n      restoreFromCache,\n    ],\n  );\n\n  const loadMore = useCallback(\n    async (searchValue: string): Promise<void> => {\n      await loadOptions(searchValue, { initial: false });\n    },\n    [loadOptions],\n  );\n\n  const reset = useCallback(() => {\n    setOptions([]);\n    setHasMoreToLoad(false);\n    setPreviousGroup(null);\n    setPreviousPage(0);\n    setPreviousOffset(0);\n    setLoading(false);\n    setLoadingMore(false);\n  }, []);\n\n  const clearCache = useCallback(() => {\n    setStateCache(new Map());\n  }, []);\n\n  return {\n    options,\n    loading,\n    loadingMore,\n    hasMore: hasMoreToLoad,\n    loadOptions,\n    loadMore,\n    reset,\n    clearCache,\n  };\n}\n","import { UseComboboxPropGetters } from \"downshift\";\nimport { Flex } from \"../../../../components/Flex\";\nimport { SelectFieldDownshiftItem } from \"../types\";\nimport Icon from \"../../../../components/Icon\";\nimport styles from \"./SelectFieldListItem.module.scss\";\nimport CheckboxOutline from \"@servicetitan/hammer-icon/mdi/round/check_box_outline_blank.svg\";\nimport CheckboxChecked from \"@servicetitan/hammer-icon/mdi/round/check_box.svg\";\nimport CheckboxIndeterminate from \"@servicetitan/hammer-icon/mdi/round/indeterminate_check_box.svg\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport cx from \"classnames\";\nimport { useMemo } from \"react\";\nimport Text from \"../../../../components/Text\";\n\ntype GetItemProps =\n  UseComboboxPropGetters<SelectFieldDownshiftItem>[\"getItemProps\"];\n\nexport type SelectFieldListItemProps = {\n  item: SelectFieldDownshiftItem;\n  index: number;\n  highlighted: boolean;\n  disabled: boolean;\n  getItemProps: GetItemProps;\n  selectionType: \"single\" | \"multiple\";\n  checked: boolean | \"indeterminate\";\n};\n\nexport const SelectFieldListItem = ({\n  item,\n  index,\n  highlighted,\n  disabled,\n  getItemProps,\n  selectionType,\n  checked,\n}: SelectFieldListItemProps) => {\n  const checkbox = useMemo(() => {\n    if (checked === \"indeterminate\")\n      return {\n        icon: CheckboxIndeterminate,\n        class: styles[\"indeterminate\"],\n      };\n    if (checked) return { icon: CheckboxChecked, class: styles[\"checked\"] };\n    return { icon: CheckboxOutline, class: styles[\"unchecked\"] };\n  }, [checked]);\n\n  return (\n    <li\n      key={item.id}\n      {...getItemProps({\n        item,\n        index,\n        className: cx(styles[\"select-field-list-item\"], {\n          [styles.highlighted]: highlighted,\n          [styles.selected]: checked,\n          [styles.disabled]: disabled,\n          [styles.single]: selectionType === \"single\",\n          [styles.multiple]: selectionType === \"multiple\",\n        }),\n      })}\n    >\n      {selectionType === \"multiple\" && (\n        <div aria-hidden>\n          <Icon\n            size=\"large\"\n            svg={checkbox.icon}\n            className={cx(styles[\"checkbox\"], checkbox.class)}\n          />\n        </div>\n      )}\n      <Flex grow={1} shrink={1} direction=\"column\" gap=\"1\">\n        <Text size=\"medium\">\n          {item.original.content?.title ?? item.original.label}\n        </Text>\n        {item.original.content?.description && (\n          <Text size=\"small\">{item.original.content?.description}</Text>\n        )}\n      </Flex>\n      {selectionType === \"single\" && checked && (\n        <Icon\n          size=\"medium\"\n          svg={Check}\n          className={cx(styles[\"checkbox\"], styles[\"checked\"])}\n        />\n      )}\n    </li>\n  );\n};\n","import { ReactNode } from \"react\";\nimport { useIntersectionObserver } from \"../../../../internal/hooks\";\n\n/**\n * Props for the InView component\n * @property {ReactNode} children - The content to render inside the visibility-tracked container\n * @property {(isVisible: boolean) => void} [onVisibilityChange] - Callback fired when visibility changes\n */\ntype InViewProps = {\n  /**\n   * The content to render inside the visibility-tracked container\n   */\n  children?: ReactNode;\n  /**\n   * Callback fired when the element's visibility in the viewport changes\n   */\n  onVisibilityChange?: (isVisible: boolean) => void;\n  /**\n   * The root margin for the intersection observer\n   */\n  rootMargin?: string;\n};\n\n/**\n * Internal component that detects when its content is visible in the viewport.\n *\n * Features:\n * - Uses Intersection Observer API for efficient visibility detection\n * - Fires callback when visibility state changes\n * - Handles browser compatibility gracefully\n * - Automatically cleans up observer on unmount\n *\n * @param props - Component props\n * @returns Wrapped children with visibility detection\n */\nexport const InView = ({\n  children,\n  onVisibilityChange,\n  rootMargin,\n}: InViewProps) => {\n  const { ref } = useIntersectionObserver({\n    onChange: (isIntersecting) => {\n      onVisibilityChange?.(isIntersecting);\n    },\n    rootMargin,\n  });\n\n  return <div ref={ref}>{children}</div>;\n};\n","import { SelectFieldDownshiftItem, SelectFieldOption } from \"../types\";\nimport { UseComboboxPropGetters } from \"downshift\";\nimport Spinner from \"../../../../components/Spinner\";\nimport Button from \"../../../../components/Button\";\nimport styles from \"./SelectFieldList.module.scss\";\nimport cx from \"classnames\";\nimport { CSSProperties } from \"react\";\nimport { SelectFieldListItem } from \"./SelectFieldListItem\";\nimport { InView } from \"./InView\";\nimport { Text } from \"../../../../components/Text\";\nimport { SrOnly } from \"../../../../components\";\n\ntype GetMenuProps =\n  UseComboboxPropGetters<SelectFieldDownshiftItem>[\"getMenuProps\"];\ntype GetItemProps =\n  UseComboboxPropGetters<SelectFieldDownshiftItem>[\"getItemProps\"];\n\nexport type SelectFieldListProps = {\n  isOpen: boolean;\n  items: SelectFieldDownshiftItem[];\n  getMenuProps: GetMenuProps;\n  getItemProps: GetItemProps;\n  highlightedIndex: number;\n  selectedOption: SelectFieldOption | null;\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n};\nexport const SelectFieldList = ({\n  isOpen,\n  items,\n  getMenuProps,\n  getItemProps,\n  highlightedIndex,\n  selectedOption,\n  hasMore,\n  onLoadMore,\n  loading,\n  loadingMore,\n  disableAutoLoadMore,\n  disabled,\n  className,\n  style,\n}: SelectFieldListProps) => {\n  const handleLoaderVisibilityChange = (visible: boolean) => {\n    if (visible && !disableAutoLoadMore) {\n      onLoadMore();\n    }\n  };\n\n  return (\n    <div\n      {...getMenuProps({\n        className: cx(styles[\"scroller\"], className),\n        style,\n      })}\n    >\n      <ul className={cx(styles[\"select-field-list\"])}>\n        {isOpen && (\n          <>\n            {loading ? (\n              <div className={styles[\"empty\"]}>\n                <Spinner size=\"medium\" />\n              </div>\n            ) : items.length > 0 ? (\n              items.map((item, index) => (\n                <SelectFieldListItem\n                  key={item.id}\n                  item={item}\n                  index={index}\n                  getItemProps={getItemProps}\n                  selectionType=\"single\"\n                  checked={selectedOption?.id === item.original.id}\n                  highlighted={highlightedIndex === index}\n                  disabled={(disabled || item.disabled) ?? false}\n                />\n              ))\n            ) : (\n              <div className={styles[\"empty\"]}>\n                <Text subdued size=\"small\">\n                  No match found\n                </Text>\n              </div>\n            )}\n          </>\n        )}\n      </ul>\n      {loadingMore ? (\n        <div className={styles[\"load-more\"]}>\n          <Spinner size=\"small\" />\n          <SrOnly>Loading more...</SrOnly>\n        </div>\n      ) : hasMore && !loading ? (\n        <InView\n          onVisibilityChange={handleLoaderVisibilityChange}\n          rootMargin=\"0px 0px -100px 0px\"\n        >\n          <div className={styles[\"load-more\"]}>\n            <Button appearance=\"secondary\" size=\"small\" onClick={onLoadMore}>\n              Load more\n            </Button>\n          </div>\n        </InView>\n      ) : null}\n    </div>\n  );\n};\n\nSelectFieldList.displayName = \"SelectFieldList\";\n","import styles from \"../../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport cx from \"classnames\";\nimport { PassThroughProps, Size } from \"../../../../types\";\nimport { Button } from \"../../../../components/Button\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { ReactElement, RefObject } from \"react\";\n\n/**\n * Props for the SelectFieldInput component\n * @property {string} [placeholder] - Placeholder text displayed when input is empty\n * @property {Extract<Size, \"small\" | \"medium\" | \"large\">} [size] - Size variant of the input\n * @property {boolean} [disableClearButton] - Hides the clear button when true\n * @property {boolean} [disableToggleButton] - Hides the toggle button when true\n * @property {boolean} [disabled] - Disables the input entirely\n * @property {boolean} [readOnly] - Cannot be modified but remains interactive\n * @property {boolean} [error] - Shows error styling on the input when true\n * @property {() => void} [onClear] - Callback fired when the clear button is clicked\n * @property {string} [id] - HTML id attribute for the input element\n * @property {string} [popoverTarget] - Target identifier for popover association\n * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element\n * @property {PassThroughProps<\"div\">} [htmlInputWrapperProps] - Additional props passed to the wrapper div\n * @property {PassThroughProps<\"input\">} [inputProps] - Additional props passed to the input element\n * @property {PassThroughProps<\"button\">} [toggleButtonProps] - Additional props passed to the toggle button\n * @property {string | ReactElement} [prefix] - Content to display before the input\n * @property {string | ReactElement} [suffix] - Content to display after the input\n */\nexport type SelectFieldInputProps = {\n  placeholder?: string;\n  size?: Extract<Size, \"small\" | \"medium\" | \"large\">;\n  disableClearButton?: boolean;\n  disableToggleButton?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  onClear?: () => void;\n  id?: string;\n  popoverTarget?: string;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  htmlInputWrapperProps?: PassThroughProps<\"div\">;\n  inputProps?: PassThroughProps<\"input\">;\n  toggleButtonProps?: PassThroughProps<\"button\">;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n};\n\n/**\n * Internal input component for the SelectField that provides the text input and action buttons.\n *\n * Features:\n * - Text input for filtering and displaying selected values\n * - Optional clear button for removing the current selection\n * - Optional toggle button for opening/closing the dropdown menu\n * - Supports multiple size variants (small, medium, large)\n * - Fully accessible with proper ARIA labels on buttons\n * - Supports pass-through props for customization of internal elements\n * - Optional prefix and suffix content\n * - Error state styling\n *\n * @example\n * <SelectFieldInput\n *   placeholder=\"Search...\"\n *   size=\"medium\"\n *   onClear={() => handleClear()}\n *   prefix=\"$\"\n * />\n */\nexport const SelectFieldInput = ({\n  placeholder,\n  size,\n  disableClearButton,\n  disableToggleButton,\n  disabled,\n  readOnly,\n  error,\n  onClear,\n  id,\n  inputWrapperRef,\n  htmlInputWrapperProps,\n  inputProps,\n  toggleButtonProps,\n  prefix,\n  suffix,\n}: SelectFieldInputProps) => {\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"no-clear-button\"]]: disableClearButton,\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  return (\n    <div\n      ref={inputWrapperRef}\n      {...htmlInputWrapperProps}\n      className={cx(inputWrapperClassNames, htmlInputWrapperProps?.className)}\n    >\n      {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n      <input\n        id={id}\n        placeholder={placeholder}\n        disabled={disabled}\n        readOnly={readOnly}\n        {...inputProps}\n        className={cx(styles[\"input\"], inputProps?.className, {\n          [styles[\"error\"]]: error,\n        })}\n      />\n      {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n      <div className={styles[\"buttons-wrapper\"]}>\n        {disableClearButton ? null : (\n          <div className={styles[\"close-button-wrapper\"]}>\n            <Button\n              icon={Close}\n              aria-label=\"clear selection\"\n              appearance=\"ghost\"\n              size=\"small\"\n              className={styles[\"close-button\"]}\n              onClick={() => {\n                onClear?.();\n              }}\n            />\n          </div>\n        )}\n        {disableToggleButton ? null : (\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              icon={Chevron_Right}\n              aria-label=\"toggle menu\"\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n              {...toggleButtonProps}\n              className={cx(\n                styles[\"toggle-button\"],\n                toggleButtonProps?.className,\n              )}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSelectFieldInput.displayName = \"SelectFieldInput\";\n","import { ReactNode } from \"react\";\nimport { UseComboboxPropGetters } from \"downshift\";\nimport { SelectFieldDownshiftItem } from \"../types\";\nimport { FieldLabel } from \"../../../../components/FieldLabel\";\n\ntype GetLabelProps =\n  UseComboboxPropGetters<SelectFieldDownshiftItem>[\"getLabelProps\"];\n\n/**\n * Props for the SelectFieldLabel component\n * @property {string} label - The text content to display as the label\n * @property {GetLabelProps} getLabelProps - Downshift getter function that returns accessibility props for the label\n * @property {boolean} [required] - Whether the field is required. Shows a red asterisk (*) when true.\n * @property {ReactNode} [moreInfo] - Additional information to display in a tooltip\n * @property {boolean} [openMoreInfo] - Controls the open state of the more info tooltip\n */\nexport type SelectFieldLabelProps = {\n  label: string;\n  getLabelProps: GetLabelProps;\n  required?: boolean;\n  moreInfo?: ReactNode;\n  openMoreInfo?: boolean;\n};\n\n/**\n * Internal label component for the SelectField that renders an accessible label element.\n *\n * Features:\n * - Renders a FieldLabel with proper accessibility attributes from Downshift\n * - Automatically associates the label with the combobox input\n * - Supports screen readers with proper labeling\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n *\n * @example\n * <SelectFieldLabel\n *   label=\"Select an option\"\n *   getLabelProps={getLabelProps}\n *   required\n *   moreInfo=\"Choose from available options\"\n * />\n */\nexport const SelectFieldLabel = ({\n  label,\n  getLabelProps,\n  required,\n  moreInfo,\n  openMoreInfo,\n}: SelectFieldLabelProps) => {\n  return (\n    <FieldLabel\n      {...getLabelProps()}\n      required={required}\n      moreInfo={moreInfo}\n      openMoreInfo={openMoreInfo}\n    >\n      {label}\n    </FieldLabel>\n  );\n};\n","import { useRef, useEffect, useCallback } from \"react\";\n\n/**\n * Custom hook for creating a debounced version of a callback function.\n *\n * Features:\n * - Delays callback execution until after a specified delay period\n * - Cancels previous pending calls when a new one is made\n * - Maintains stable function reference (only changes when delay changes)\n * - Always uses the latest callback via ref (avoids stale closures)\n * - Properly cleans up timeouts on unmount and delay changes\n * - Supports async callbacks\n * - Type-safe with generics\n *\n * @param callback - The function to debounce\n * @param delay - Delay in milliseconds before executing the callback\n * @returns Debounced version of the callback with the same signature\n *\n * @example\n * const debouncedSearch = useDebouncedCallback(\n *   (searchTerm: string) => {\n *     performSearch(searchTerm);\n *   },\n *   300\n * );\n *\n * // Later in event handler:\n * debouncedSearch(inputValue);\n */\n//eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useDebouncedCallback<T extends (...args: any[]) => any>(\n  callback: T,\n  delay: number = 300,\n): T {\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const callbackRef = useRef(callback);\n\n  // Update callback ref when it changes to always use the latest version\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n\n  // Cleanup timeout on unmount and when delay changes\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = null;\n      }\n    };\n  }, [delay]);\n\n  const debouncedCallback = useCallback(\n    ((...args: Parameters<T>) => {\n      // Cancel any pending call\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // Schedule new call\n      timeoutRef.current = setTimeout(() => {\n        callbackRef.current(...args);\n        timeoutRef.current = null;\n      }, delay);\n    }) as T,\n    [delay],\n  );\n\n  return debouncedCallback;\n}\n","import {\n  useCombobox,\n  UseComboboxProps,\n  UseComboboxState,\n  UseComboboxStateChangeOptions,\n} from \"downshift\";\nimport { SelectFieldDownshiftItem, SelectFieldOption } from \"../types\";\nimport { useMemo } from \"react\";\n\nexport type UseComboOptions = {\n  // An array of currently loaded options\n  options: SelectFieldOption[];\n  pinnedOptions?: unknown;\n  selectAll?: {\n    label: string;\n    onClick: () => void;\n  };\n  selectedOption: SelectFieldOption | null;\n  onSelectedOptionChange: (option: SelectFieldOption | null) => void;\n  displayAs: \"popover\" | \"dialog\";\n  disableHighlightOnOpen?: boolean;\n  disabled: boolean;\n} & Pick<\n  UseComboboxProps<SelectFieldDownshiftItem>,\n  \"onInputValueChange\" | \"onIsOpenChange\"\n>;\n\n/**\n * The purpose of useCombo is to provide an abstraction over the downshift combobox hook.\n */\nexport const useCombo = ({\n  options,\n  pinnedOptions,\n  selectAll,\n  selectedOption,\n  onSelectedOptionChange,\n  onInputValueChange,\n  onIsOpenChange,\n  displayAs = \"popover\",\n  disableHighlightOnOpen = false,\n  disabled,\n}: UseComboOptions) => {\n  // Options are not 1:1 with the items we pass to downshift.\n  // We may choose to insert, remove, or modify them before passing them down.\n  // Anything which can be accessed via arrow keys should be included here.\n  const downshiftItems = useMemo(() => {\n    const items: SelectFieldDownshiftItem[] = options.map(\n      mapOptionToDownshiftItem,\n    );\n\n    // Add the pinned options to the top of the list if they are provided\n    if (pinnedOptions) {\n      // TODO: Implement pinned options\n    }\n\n    // Add the select all option to the top of the list if it is provided\n    if (selectAll) {\n      items.unshift({\n        id: \"select-all\",\n        type: \"select-all\",\n        original: { id: \"select-all\", label: selectAll.label ?? \"Select All\" },\n      });\n    }\n\n    return items;\n  }, [options, pinnedOptions, selectAll]);\n\n  const selectedDownshiftItem = useMemo(() => {\n    return selectedOption ? mapOptionToDownshiftItem(selectedOption) : null;\n  }, [selectedOption]);\n\n  const {\n    isOpen,\n    highlightedIndex,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    inputValue,\n    closeMenu,\n    openMenu,\n    setHighlightedIndex,\n  } = useCombobox({\n    isItemDisabled: (item, _index) => {\n      if (!item) {\n        return false; // Downshift passes -1 index with an undefined item. Ignore it.\n      }\n      return (disabled || item.disabled) ?? false;\n    },\n    selectedItem: selectedDownshiftItem,\n    onSelectedItemChange: ({\n      selectedItem: si,\n    }: {\n      selectedItem: SelectFieldDownshiftItem;\n    }) => {\n      if (si && si.type === \"option\") {\n        onSelectedOptionChange(si.original);\n      } else {\n        onSelectedOptionChange(null);\n      }\n    },\n    onInputValueChange,\n    onIsOpenChange: (changes) => {\n      onIsOpenChange?.(changes);\n      if (changes.isOpen && !disableHighlightOnOpen) {\n        const selectedItemIndex = downshiftItems.findIndex(\n          (item) => item.id === selectedDownshiftItem?.id,\n        );\n        setHighlightedIndex(selectedItemIndex);\n      }\n    },\n    items: downshiftItems,\n    itemToString(item: SelectFieldDownshiftItem | null) {\n      return item?.original.label ?? \"\";\n    },\n    stateReducer: (state, actionAndChanges) =>\n      stateReducer(state, actionAndChanges, displayAs),\n  });\n\n  return {\n    inputValue,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getItemProps,\n    highlightedIndex,\n    isOpen,\n    downshiftItems,\n    closeMenu,\n    openMenu,\n  };\n};\n\nfunction mapOptionToDownshiftItem(\n  option: SelectFieldOption,\n): SelectFieldDownshiftItem {\n  return {\n    id: option.id,\n    type: \"option\",\n    disabled: option.disabled ?? false,\n    original: option,\n  };\n}\n\nfunction stateReducer(\n  state: UseComboboxState<SelectFieldDownshiftItem>,\n  actionAndChanges: UseComboboxStateChangeOptions<SelectFieldDownshiftItem>,\n  displayAs: \"popover\" | \"dialog\",\n) {\n  const { type, changes } = actionAndChanges;\n  // this prevents the menu from being closed when the user selects an item with 'Enter' or mouse\n  switch (type) {\n    case useCombobox.stateChangeTypes.InputBlur:\n      // keep the dialog open if the user blurs the input while the dialog is open\n      if (displayAs === \"dialog\" && state.isOpen) {\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n        };\n      }\n      return {\n        ...changes,\n        inputValue: state.selectedItem?.original.label ?? state.inputValue,\n      };\n    case useCombobox.stateChangeTypes.InputKeyDownEscape:\n    case useCombobox.stateChangeTypes.FunctionCloseMenu:\n      return {\n        ...changes,\n        inputValue: state.selectedItem?.original.label ?? state.inputValue,\n      };\n    case useCombobox.stateChangeTypes.InputClick:\n      if (displayAs === \"dialog\" && state.isOpen) {\n        // keep the dialog open if the user clicks the input while the dialog is open\n        return {\n          ...changes,\n          isOpen: state.isOpen,\n        };\n      }\n      return changes;\n    case useCombobox.stateChangeTypes.InputKeyDownEnter:\n    case useCombobox.stateChangeTypes.ItemClick:\n      return changes;\n    default:\n      return changes; // otherwise business as usual.\n  }\n}\n","import { ReactNode, RefObject, useCallback, useEffect, useRef } from \"react\";\n\nimport {\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  offset,\n  size,\n} from \"@floating-ui/react\";\n\nimport styles from \"./FieldPopover.module.scss\";\n\nexport type FieldPopoverProps = {\n  id: string;\n  children: ReactNode;\n  referenceElement: RefObject<HTMLElement>;\n  open: boolean;\n};\n\nexport const FieldPopover = (props: FieldPopoverProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { id, children, referenceElement, open } = props;\n\n  useEffect(() => {\n    if (open) {\n      ref.current?.showPopover();\n    } else {\n      ref.current?.hidePopover();\n    }\n  }, [open]);\n\n  const updatePosition = useCallback(async () => {\n    if (!ref.current || !referenceElement.current) return;\n    const position = await computePosition(\n      referenceElement.current,\n      ref.current,\n      {\n        placement: \"bottom-start\",\n        middleware: [\n          offset(8),\n          autoPlacement({\n            allowedPlacements: [\"bottom-start\", \"top-start\"],\n            padding: 8,\n          }),\n          size({\n            padding: 8,\n            apply({ rects, elements, availableHeight }) {\n              Object.assign(elements.floating.style, {\n                width: `${rects.reference.width}px`,\n                maxHeight: `${Math.max(0, availableHeight)}px`,\n              });\n            },\n          }),\n        ],\n      },\n    );\n    ref.current.style.left = `${position.x}px`;\n    ref.current.style.top = `${position.y}px`;\n  }, [ref, referenceElement]);\n\n  useEffect(() => {\n    if (!ref.current || !referenceElement.current || !open) return;\n    const cleanup = autoUpdate(\n      referenceElement.current,\n      ref.current,\n      updatePosition,\n    );\n    return () => {\n      cleanup();\n    };\n  }, [referenceElement, ref, updatePosition, open]);\n\n  return (\n    <div ref={ref} id={id} className={styles[\"field-popover\"]} popover=\"manual\">\n      {children}\n    </div>\n  );\n};\n","import { useEffect, useState } from \"react\";\nimport { useBreakpoint } from \"../../hooks\";\n\n/**\n * The type of view to render based on device characteristics.\n */\nexport type AdaptiveView = \"mobile\" | \"desktop\";\n\n/**\n * Return type for the useAdaptiveView hook.\n */\nexport interface UseAdaptiveViewReturn {\n  /**\n   * The current adaptive view type.\n   */\n  view: AdaptiveView;\n  /**\n   * True when the device should use mobile-optimized UI (Dialog).\n   */\n  isMobile: boolean;\n  /**\n   * True when the device should use desktop-optimized UI (Popover).\n   */\n  isDesktop: boolean;\n}\n\n/**\n * Detects whether the primary pointer is coarse (touch) using CSS media query.\n * Returns false during SSR or when matchMedia is unavailable.\n */\nfunction detectCoarsePointer(): boolean {\n  if (typeof window === \"undefined\" || !window.matchMedia) {\n    return false;\n  }\n  return window.matchMedia(\"(pointer: coarse)\").matches;\n}\n\n/**\n * Custom hook for detecting whether to use mobile or desktop UI patterns.\n *\n * This hook determines the optimal UI pattern (e.g., Dialog vs Popover) by combining:\n * - Screen size via useBreakpoint (viewport width)\n * - Pointer precision via CSS media query (pointer: coarse)\n *\n * A device is considered \"mobile\" when it has both:\n * - A small screen (below md breakpoint, < 768px)\n * - A coarse pointer (touch-primary input)\n *\n * This approach correctly identifies:\n * - Mobile phones → mobile view (Dialog)\n * - iPads/tablets → desktop view (Popover) due to larger screens\n * - Touch laptops → desktop view (Popover) due to fine pointer primary\n * - Desktop → desktop view (Popover)\n *\n * @returns Object containing view type and boolean flags for mobile/desktop\n *\n * @example\n * const { isMobile } = useAdaptiveView();\n *\n * return isMobile ? (\n *   <Dialog>{children}</Dialog>\n * ) : (\n *   <Popover>{children}</Popover>\n * );\n */\nexport function useAdaptiveView(): UseAdaptiveViewReturn {\n  const breakpoint = useBreakpoint();\n  const [hasCoarsePointer, setHasCoarsePointer] = useState(detectCoarsePointer);\n\n  useEffect(() => {\n    setHasCoarsePointer(detectCoarsePointer());\n\n    // Listen for pointer capability changes (e.g., connecting/disconnecting a mouse)\n    const mediaQuery = window.matchMedia(\"(pointer: coarse)\");\n    const handleChange = (e: MediaQueryListEvent) => {\n      setHasCoarsePointer(e.matches);\n    };\n\n    mediaQuery.addEventListener(\"change\", handleChange);\n    return () => mediaQuery.removeEventListener(\"change\", handleChange);\n  }, []);\n\n  const isSmallScreen = !breakpoint?.md;\n  const isMobile = isSmallScreen && hasCoarsePointer;\n\n  return {\n    view: isMobile ? \"mobile\" : \"desktop\",\n    isMobile,\n    isDesktop: !isMobile,\n  };\n}\n","import { useEffect, useRef } from \"react\";\nimport { DialogCancelButton, Flex, Text } from \"../../../../..\";\nimport styles from \"./FieldDialog.module.scss\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { DialogContext } from \"../../../../../components/Dialog/internal/DialogContext\";\nimport { useDialogScrollLock } from \"../../../../../internal\";\n\nexport const FieldDialog = ({\n  id,\n  isOpen,\n  onClose,\n  field,\n  children,\n  title,\n}: {\n  id: string;\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  field: React.ReactNode;\n  children: React.ReactNode;\n}) => {\n  const elRef = useRef<HTMLDialogElement>(null);\n  const visualViewportHeightRef = useRef<HTMLDivElement>(null);\n\n  useDialogScrollLock({\n    open: isOpen,\n    id,\n    enableScrollChaining: false,\n    elementRef: elRef,\n  });\n\n  useEffect(() => {\n    if (isOpen) {\n      elRef.current?.showModal();\n    } else {\n      elRef.current?.close();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      const handleResize = () => {\n        if (!visualViewportHeightRef.current) return;\n        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;\n        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;\n      };\n      window.visualViewport?.addEventListener(\"resize\", handleResize);\n      return () => {\n        window.visualViewport?.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [isOpen]);\n\n  return (\n    <dialog\n      ref={elRef}\n      id={id}\n      data-anv=\"field-dialog\"\n      className={styles[\"field-dialog\"]}\n      onKeyDown={(e) => {\n        if (e.code === \"Escape\") {\n          e.preventDefault();\n          onClose();\n        }\n      }}\n    >\n      <div\n        className={styles[\"field-dialog-visual-viewport-height\"]}\n        ref={visualViewportHeightRef}\n      >\n        <Flex direction=\"row\" className={styles[\"header\"]}>\n          <Text variant=\"headline\" el=\"h1\">\n            {title}\n          </Text>\n          <span className={styles[\"close-container\"]}>\n            <DialogContext.Provider value={{ close: onClose }}>\n              <DialogCancelButton\n                className={styles[\"close-button\"]}\n                size=\"small\"\n                appearance=\"ghost\"\n                aria-label=\"Close dialog\"\n                icon={Close}\n              />\n            </DialogContext.Provider>\n          </span>\n        </Flex>\n        <Flex direction=\"column\" className={styles[\"field\"]}>\n          {field}\n        </Flex>\n        <Flex direction=\"column\" className={styles[\"content\"]}>\n          {children}\n        </Flex>\n      </div>\n    </dialog>\n  );\n};\n","import { SelectFieldHandle, SelectFieldProps } from \"./types\";\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n  useId,\n  useRef,\n} from \"react\";\nimport { SelectFieldList } from \"./internal/SelectFieldList\";\nimport { SelectFieldInput } from \"./internal/SelectFieldInput\";\nimport { SelectFieldLabel } from \"./internal/SelectFieldLabel\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks/useLayoutPropsUtil\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport {\n  useSelectFieldLoading,\n  DEFAULT_PAGE_SIZE,\n} from \"../../../internal/hooks/useSelectFieldLoading\";\nimport styles from \"../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\nimport { useCombo } from \"./internal/useCombo\";\nimport { FieldPopover } from \"./internal/FieldPopover/FieldPopover\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { FieldDialog } from \"./internal/FieldDialog/FieldDialog\";\nimport { FieldMessage } from \"../../../components\";\n\nexport const SelectField = forwardRef<SelectFieldHandle, SelectFieldProps>(\n  (propsWithLayout, ref) => {\n    const { layoutStyles, componentProps: componentProps } =\n      useLayoutPropsUtil(propsWithLayout);\n    const [initialLoadPerformed, setInitialLoadPerformed] = useState(false);\n\n    const inputWrapperRef = useRef<HTMLDivElement>(null);\n\n    const {\n      id: idProp,\n      value: selectedOption,\n      initialLoad: initialLoadProp = \"auto\",\n      displayMenuAs: displayMenuAsProp = \"auto\",\n      lazy,\n      loadOptions: loadOptionsProp,\n      label,\n      placeholder,\n      disableClearButton: disableClearButtonProp = false,\n      debounceMs = 200,\n      onSelectedOptionChange,\n      cache,\n      size,\n      error,\n      hint,\n      description,\n      errorAriaLive: errorAriaLiveProp = \"assertive\",\n      required,\n      disabled,\n      readOnly,\n      prefix,\n      suffix,\n    } = componentProps;\n    const autoId = useId();\n    const id = idProp ?? autoId;\n    const helperUid = useId();\n\n    const [hasFocus, setHasFocus] = useState(false);\n    const handleFocus = () => {\n      setHasFocus(true);\n    };\n    const handleBlur = () => {\n      setHasFocus(false);\n    };\n\n    const errorMessage = typeof error !== \"boolean\" ? error : undefined;\n    const hasHelperText = hint || errorMessage || description;\n    const isDisabledOrReadOnly = (disabled || readOnly) ?? false;\n\n    const { isMobile } = useAdaptiveView();\n    const displayAs =\n      displayMenuAsProp === \"auto\"\n        ? isMobile\n          ? \"dialog\"\n          : \"popover\"\n        : displayMenuAsProp;\n\n    const initialLoad =\n      initialLoadProp === \"auto\" ? \"immediate\" : initialLoadProp;\n\n    const pageSize =\n      lazy === \"page\" && \"lazyOptions\" in componentProps\n        ? (componentProps.lazyOptions?.pageSize ?? DEFAULT_PAGE_SIZE)\n        : DEFAULT_PAGE_SIZE;\n    const limit =\n      lazy === \"offset\" && \"lazyOptions\" in componentProps\n        ? (componentProps.lazyOptions?.limit ?? DEFAULT_PAGE_SIZE)\n        : DEFAULT_PAGE_SIZE;\n\n    const loadingHookConfig = useMemo(() => {\n      const cacheConfig = {\n        enabled: cache?.enabled,\n        maxSize: cache?.maxSize,\n      };\n      if (lazy === \"page\")\n        return {\n          lazy: \"page\" as const,\n          loadOptions: loadOptionsProp,\n          pageSize,\n          cache: cacheConfig,\n        };\n      if (lazy === \"offset\")\n        return {\n          lazy: \"offset\" as const,\n          loadOptions: loadOptionsProp,\n          limit,\n          cache: cacheConfig,\n        };\n      if (lazy === \"group\")\n        return {\n          lazy: \"group\" as const,\n          loadOptions: loadOptionsProp,\n          cache: cacheConfig,\n        };\n      return {\n        lazy: false as const,\n        loadOptions: loadOptionsProp,\n        cache: cacheConfig,\n      };\n    }, [\n      lazy,\n      loadOptionsProp,\n      pageSize,\n      limit,\n      cache?.enabled,\n      cache?.maxSize,\n    ]);\n\n    const {\n      options,\n      loading,\n      loadingMore,\n      hasMore,\n      loadOptions,\n      loadMore,\n      clearCache,\n    } = useSelectFieldLoading(loadingHookConfig);\n\n    useImperativeHandle(ref, () => ({ clearCache }), [clearCache]);\n\n    const debouncedOptionLoader = useDebouncedCallback((inputValue: string) => {\n      loadOptions(selectedOption?.label === inputValue ? \"\" : inputValue, {\n        initial: true,\n      });\n    }, debounceMs);\n\n    const adjustInputValueForSelectedOption = useCallback(\n      (inputValue: string) => {\n        if (selectedOption?.label === inputValue) {\n          return \"\";\n        } else {\n          return inputValue;\n        }\n      },\n      [selectedOption?.label],\n    );\n\n    const {\n      isOpen,\n      getToggleButtonProps,\n      getLabelProps,\n      getMenuProps,\n      getInputProps,\n      highlightedIndex,\n      getItemProps,\n      inputValue,\n      downshiftItems,\n      closeMenu,\n    } = useCombo({\n      displayAs,\n      disabled: isDisabledOrReadOnly,\n      options,\n      pinnedOptions: [],\n      selectedOption,\n      onSelectedOptionChange: (selectedOption) => {\n        onSelectedOptionChange(selectedOption);\n      },\n      async onIsOpenChange(changes) {\n        if (initialLoad === \"open\" && !initialLoadPerformed && changes.isOpen) {\n          await loadOptions(adjustInputValueForSelectedOption(inputValue), {\n            initial: true,\n          });\n          setInitialLoadPerformed(true);\n        }\n      },\n      onInputValueChange: ({ inputValue: iv }) => {\n        debouncedOptionLoader(iv);\n      },\n    });\n\n    useEffect(() => {\n      const performInitialLoad = async () => {\n        if (initialLoad === \"immediate\" && !initialLoadPerformed) {\n          await loadOptions(adjustInputValueForSelectedOption(inputValue), {\n            initial: true,\n          });\n          setInitialLoadPerformed(true);\n        }\n      };\n      performInitialLoad();\n    }, [\n      loadOptions,\n      initialLoadPerformed,\n      initialLoad,\n      inputValue,\n      adjustInputValueForSelectedOption,\n    ]);\n\n    const handleLoadMore = async () => {\n      await loadMore(adjustInputValueForSelectedOption(inputValue));\n    };\n\n    const disableClearButton =\n      disableClearButtonProp || !selectedOption || isDisabledOrReadOnly;\n\n    if (displayAs === \"dialog\") {\n      return (\n        <div className={styles[\"search-field\"]} style={{ ...layoutStyles }}>\n          <SelectFieldLabel\n            label={label}\n            getLabelProps={getLabelProps}\n            required={required}\n          />\n          <SelectFieldInput\n            disabled={disabled}\n            readOnly={readOnly}\n            disableToggleButton={false}\n            placeholder={placeholder}\n            disableClearButton={disableClearButton}\n            toggleButtonProps={getToggleButtonProps()}\n            onClear={() => onSelectedOptionChange(null)}\n            id={`${id}-input`}\n            inputProps={getInputProps({\n              \"aria-describedby\": hasHelperText ? helperUid : undefined,\n              \"aria-invalid\": error ? true : undefined,\n              onFocus: handleFocus,\n              onBlur: handleBlur,\n            })}\n            size={size}\n            error={!!error}\n            prefix={prefix}\n            suffix={suffix}\n          />\n          {hasHelperText ? (\n            <FieldMessage\n              id={helperUid}\n              hint={hint}\n              errorMessage={errorMessage}\n              errorAriaLive={isOpen || hasFocus ? errorAriaLiveProp : \"off\"}\n              description={description}\n            />\n          ) : null}\n          <FieldDialog\n            id={`${id}-dialog`}\n            isOpen={isOpen}\n            onClose={closeMenu}\n            title={label}\n            field={\n              <SelectFieldInput\n                disabled={disabled}\n                readOnly={readOnly}\n                inputProps={getInputProps()}\n                disableToggleButton\n                placeholder={placeholder}\n                disableClearButton={disableClearButton}\n                onClear={() => onSelectedOptionChange(null)}\n                id={`${id}-dialog-input`}\n                inputWrapperRef={inputWrapperRef}\n                size=\"medium\" // always \"medium\" for the dialog\n                error={!!error}\n                prefix={prefix}\n                suffix={suffix}\n              />\n            }\n          >\n            <SelectFieldList\n              isOpen // always \"open\" = always show the list in the dialog\n              items={downshiftItems}\n              getMenuProps={getMenuProps}\n              getItemProps={getItemProps}\n              highlightedIndex={highlightedIndex}\n              selectedOption={selectedOption}\n              hasMore={hasMore}\n              onLoadMore={handleLoadMore}\n              loading={loading}\n              loadingMore={loadingMore}\n              disabled={isDisabledOrReadOnly}\n              style={{\n                paddingInline: 24,\n                paddingBlockEnd: 24,\n              }}\n            />\n          </FieldDialog>\n        </div>\n      );\n    }\n\n    return (\n      <div className={styles[\"search-field\"]} style={{ ...layoutStyles }}>\n        <SelectFieldLabel\n          label={label}\n          getLabelProps={getLabelProps}\n          required={required}\n        />\n        <SelectFieldInput\n          disabled={disabled}\n          readOnly={readOnly}\n          inputProps={getInputProps({\n            popovertarget: `${id}-popover`,\n            \"aria-describedby\": hasHelperText ? helperUid : undefined,\n            \"aria-invalid\": error ? true : undefined,\n            onFocus: handleFocus,\n            onBlur: handleBlur,\n          })}\n          toggleButtonProps={getToggleButtonProps()}\n          disableToggleButton={false}\n          placeholder={placeholder}\n          disableClearButton={disableClearButton}\n          onClear={() => onSelectedOptionChange(null)}\n          id={`${id}-input`}\n          popoverTarget={`${id}-popover`}\n          inputWrapperRef={inputWrapperRef}\n          size={size}\n          error={!!error}\n          prefix={prefix}\n          suffix={suffix}\n        />\n        {hasHelperText ? (\n          <FieldMessage\n            id={helperUid}\n            hint={hint}\n            errorMessage={errorMessage}\n            errorAriaLive={isOpen || hasFocus ? errorAriaLiveProp : \"off\"}\n            description={description}\n          />\n        ) : null}\n\n        <FieldPopover\n          id={`${id}-popover`}\n          referenceElement={inputWrapperRef}\n          open={isOpen && displayAs === \"popover\"}\n        >\n          <SelectFieldList\n            isOpen={isOpen}\n            items={downshiftItems}\n            getMenuProps={getMenuProps}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOption={selectedOption}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            disabled={isDisabledOrReadOnly}\n            style={{\n              padding: 8,\n            }}\n          />\n        </FieldPopover>\n      </div>\n    );\n  },\n);\n\nSelectField.displayName = \"SelectField\";\n","import { matchSorter, MatchSorterOptions } from \"match-sorter\";\nimport { SelectField } from \"./SelectField\";\nimport { SelectFieldProps, SelectFieldOption } from \"./types\";\n\nexport type SelectFieldSyncProps = Omit<\n  SelectFieldProps,\n  \"loadOptions\" | \"lazy\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The options to display in the select field.\n   */\n  options: SelectFieldOption[];\n  /**\n   * The filter to use to filter the options.\n   * Can be a function to filter the options, or a MatchSorterOptions object to customize the default filtering.\n   *\n   * @example\n   * <SelectFieldSync\n   *   options={options}\n   *   filter={(options, searchValue) => {\n   *     return options.filter((option) => {\n   *       return option.label?.toLowerCase().includes(searchValue.toLowerCase());\n   *     });\n   *   }}\n   * />\n   *\n   * @example\n   * <SelectFieldSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?:\n    | ((\n        options: SelectFieldOption[],\n        searchValue: string,\n      ) => SelectFieldOption[])\n    | MatchSorterOptions;\n};\n\nconst defaultFilter = (options: SelectFieldOption[], searchValue: string) => {\n  return matchSorter(options, searchValue, {\n    keys: [\"label\", \"searchText\"],\n  });\n};\n\n/**\n * SelectFieldSync is a simplified version of SelectField that is used to display a list of options in a select field.\n *\n * Features:\n * - Accepts `options` instead of `loadOptions` and `lazy`.\n * - Performs client-side filtering of the options.\n * - Optionally accepts a function to filter the options, or a MatchSorterOptions object to customize the default filtering.\n * - Supports all the other props of SelectField.\n */\nexport const SelectFieldSync = (props: SelectFieldSyncProps) => {\n  const { options, filter: filterProp = defaultFilter, ...rest } = props;\n\n  const filter =\n    typeof filterProp === \"function\"\n      ? filterProp\n      : (options: SelectFieldOption[], searchValue: string) =>\n          matchSorter<SelectFieldOption>(\n            options,\n            searchValue,\n            filterProp as MatchSorterOptions<SelectFieldOption>,\n          );\n\n  return (\n    <SelectField\n      lazy={false}\n      loadOptions={(searchValue) => filter(options, searchValue)}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n"],"names":["options","CheckboxIndeterminate","styles","CheckboxChecked","CheckboxOutline","Check","Close","Chevron_Right","inputValue","selectedOption"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iBAAA,GAAoB,EAAA;AACjC,MAAM,sBAAA,GAAyB,EAAA;AAwIxB,SAAS,sBACd,MAAA,EAC6B;AAC7B,EAAA,MAAM,EAAE,IAAA,EAAM,WAAA,EAAa,eAAA,EAAiB,KAAA,EAAO,aAAY,GAAI,MAAA;AAGnE,EAAA,MAAM,YAAA,GAAe,aAAa,OAAA,KAAY,KAAA;AAC9C,EAAA,MAAM,YAAA,GAAe,aAAa,OAAA,IAAW,sBAAA;AAE7C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAA8B,EAAE,CAAA;AAC9D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC;AAAA,GACF;AACA,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAiB,CAAC,CAAA;AAC1D,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAiB,CAAC,CAAA;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AAGpD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA;AAAA,IAClC,0BAAU,GAAA;AAAI,GAChB;AAEA,EAAA,MAAM,qBAAA,GAAwB,OAAe,EAAE,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,WAAA,CAAY,CAAC,UAAA,KAAoC;AACrE,IAAA,UAAA,CAAW,CAAC,WAAA,KAAgB,WAAA,CAAY,MAAA,CAAO,UAAU,CAAC,CAAA;AAAA,EAC5D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,QAAA,GACJ,IAAA,KAAS,MAAA,GACJ,MAAA,CAA+C,QAAA,GAChD,iBAAA;AACN,EAAA,MAAM,KAAA,GACJ,IAAA,KAAS,QAAA,GACJ,MAAA,CAAiD,KAAA,GAClD,iBAAA;AAGN,EAAA,MAAM,gBAAA,GAAmB,WAAA,CAAY,CAAC,MAAA,KAA8B;AAClE,IAAA,UAAA,CAAW,OAAO,OAAO,CAAA;AACzB,IAAA,gBAAA,CAAiB,OAAO,OAAO,CAAA;AAC/B,IAAA,eAAA,CAAgB,OAAO,YAAY,CAAA;AACnC,IAAA,iBAAA,CAAkB,OAAO,cAAc,CAAA;AACvC,IAAA,gBAAA,CAAiB,OAAO,aAAa,CAAA;AAAA,EACvC,CAAA,EAAG,EAAE,CAAA;AAKL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAA,EAAc;AACnB,IAAA,MAAM,cAAc,qBAAA,CAAsB,OAAA;AAE1C,IAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE1B,IAAA,aAAA,CAAc,CAAC,IAAA,KAAS;AAEtB,MAAA,IAAI,IAAA,CAAK,QAAQ,YAAA,EAAc;AAC7B,QAAA,IAAA,CAAK,KAAA,EAAM;AAAA,MACb;AAEA,MAAA,IAAA,CAAK,IAAI,WAAA,EAAa;AAAA,QACpB,OAAA;AAAA,QACA,OAAA,EAAS,aAAA;AAAA,QACT,YAAA;AAAA,QACA,cAAA;AAAA,QACA;AAAA,OACD,CAAA;AACD,MAAA,OAAO,IAAI,IAAI,IAAI,CAAA;AAAA,IACrB,CAAC,CAAA;AAAA,EACH,CAAA,EAAG;AAAA,IACD,YAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,OACE,aACAA,QAAAA,KACkB;AAClB,MAAA,MAAM,SAAA,GAAY,CAAC,CAACA,QAAAA,EAAS,OAAA;AAG7B,MAAA,IAAI,aAAa,YAAA,EAAc;AAC7B,QAAA,MAAM,MAAA,GAAS,UAAA,CAAW,GAAA,CAAI,WAAW,CAAA;AACzC,QAAA,IAAI,MAAA,EAAQ;AAEV,UAAA,qBAAA,CAAsB,OAAA,GAAU,WAAA;AAChC,UAAA,gBAAA,CAAiB,MAAM,CAAA;AACvB,UAAA;AAAA,QACF;AAAA,MACF;AAGA,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,qBAAA,CAAsB,OAAA,GAAU,WAAA;AAAA,MAClC;AAEA,MAAA,CAAC,SAAA,GAAY,UAAA,GAAa,cAAA,EAAgB,IAAI,CAAA;AAE9C,MAAA,IAAI;AACF,QAAA,IAAI,CAAC,IAAA,EAAM;AACT,UAAA,MAAM,MAAA,GAAS,MAAM,eAAA,CAAgB,WAAW,CAAA;AAChD,UAAA,MAAM,WAAW,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,GAAI,SAAS,MAAM,MAAA;AACxD,UAAA,CAAC,SAAA,GAAY,UAAA,GAAa,aAAA,EAAe,QAAQ,CAAA;AAAA,QACnD,CAAA,MAAO;AACL,UAAA,IAAI,MAAA;AAKJ,UAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,YAAA,MAAM,IAAA,GAAO,YAAY,CAAA,GAAI,YAAA;AAC7B,YAAA,MAAA,GAAS,MAAM,eAAA,CAAgB,WAAA,EAAa,IAAA,EAAM,QAAQ,CAAA;AAC1D,YAAA,eAAA,CAAgB,SAAA,GAAY,CAAA,GAAI,IAAA,GAAO,CAAC,CAAA;AAAA,UAC1C,CAAA,MAAA,IAAW,SAAS,QAAA,EAAU;AAC5B,YAAA,MAAM,MAAA,GAAS,YAAY,CAAA,GAAI,cAAA;AAC/B,YAAA,MAAA,GAAS,MAAM,eAAA,CAAgB,WAAA,EAAa,MAAA,EAAQ,KAAK,CAAA;AACzD,YAAA,iBAAA,CAAkB,SAAA,GAAY,KAAA,GAAQ,MAAA,GAAS,KAAK,CAAA;AAAA,UACtD,CAAA,MAAA,IAAW,SAAS,OAAA,EAAS;AAC3B,YAAA,MAAM,KAAA,GAAQ,YAAY,IAAA,GAAO,aAAA;AACjC,YAAA,MAAA,GAAS,MAAM,eAAA,CAAgB,WAAA,EAAa,KAAK,CAAA;AACjD,YAAA,gBAAA;AAAA,cACE,OAAO,OAAA,CAAQ,MAAA,CAAO,QAAQ,MAAA,GAAS,CAAC,GAAG,KAAA,IAAS;AAAA,aACtD;AAAA,UACF,CAAA,MAAO;AACL,YAAA,MAAM,IAAI,KAAA;AAAA,cACR,sBAAsB,IAAI,CAAA,wCAAA;AAAA,aAC5B;AAAA,UACF;AAEA,UAAA,gBAAA,CAAiB,MAAA,CAAO,WAAW,KAAK,CAAA;AACxC,UAAA,CAAC,SAAA,GAAY,UAAA,GAAa,aAAA,EAAe,MAAA,CAAO,OAAO,CAAA;AAAA,QACzD;AAAA,MACF,CAAA,SAAE;AACA,QAAA,CAAC,SAAA,GAAY,UAAA,GAAa,cAAA,EAAgB,KAAK,CAAA;AAAA,MACjD;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,OAAO,WAAA,KAAuC;AAC5C,MAAA,MAAM,WAAA,CAAY,WAAA,EAAa,EAAE,OAAA,EAAS,OAAO,CAAA;AAAA,IACnD,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,UAAA,CAAW,EAAE,CAAA;AACb,IAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,IAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,IAAA,eAAA,CAAgB,CAAC,CAAA;AACjB,IAAA,iBAAA,CAAkB,CAAC,CAAA;AACnB,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,cAAA,CAAe,KAAK,CAAA;AAAA,EACtB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,aAAA,iBAAc,IAAI,KAAK,CAAA;AAAA,EACzB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA,EAAS,aAAA;AAAA,IACT,WAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1TO,MAAM,sBAAsB,CAAC;AAAA,EAClC,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,OAAA,KAAY,eAAA;AACd,MAAA,OAAO;AAAA,QACL,IAAA,EAAMC,wBAAA;AAAA,QACN,KAAA,EAAOC,SAAO,eAAe;AAAA,OAC/B;AACF,IAAA,IAAI,OAAA,SAAgB,EAAE,IAAA,EAAMC,aAAiB,KAAA,EAAOD,QAAA,CAAO,SAAS,CAAA,EAAE;AACtE,IAAA,OAAO,EAAE,IAAA,EAAME,uBAAA,EAAiB,KAAA,EAAOF,QAAA,CAAO,WAAW,CAAA,EAAE;AAAA,EAC7D,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEE,GAAG,YAAA,CAAa;AAAA,QACf,IAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAGA,QAAA,CAAO,wBAAwB,CAAA,EAAG;AAAA,UAC9C,CAACA,QAAA,CAAO,WAAW,GAAG,WAAA;AAAA,UACtB,CAACA,QAAA,CAAO,QAAQ,GAAG,OAAA;AAAA,UACnB,CAACA,QAAA,CAAO,QAAQ,GAAG,QAAA;AAAA,UACnB,CAACA,QAAA,CAAO,MAAM,GAAG,aAAA,KAAkB,QAAA;AAAA,UACnC,CAACA,QAAA,CAAO,QAAQ,GAAG,aAAA,KAAkB;AAAA,SACtC;AAAA,OACF,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,QAAA,aAAA,KAAkB,UAAA,oBACjB,GAAA,CAAC,KAAA,EAAA,EAAI,aAAA,EAAW,IAAA,EACd,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,KAAK,QAAA,CAAS,IAAA;AAAA,YACd,WAAW,EAAA,CAAGA,QAAA,CAAO,UAAU,CAAA,EAAG,SAAS,KAAK;AAAA;AAAA,SAClD,EACF,CAAA;AAAA,wBAEF,IAAA,CAAC,QAAK,IAAA,EAAM,CAAA,EAAG,QAAQ,CAAA,EAAG,SAAA,EAAU,QAAA,EAAS,GAAA,EAAI,GAAA,EAC/C,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,QAAA,EACR,QAAA,EAAA,IAAA,CAAK,SAAS,OAAA,EAAS,KAAA,IAAS,IAAA,CAAK,QAAA,CAAS,KAAA,EACjD,CAAA;AAAA,UACC,IAAA,CAAK,QAAA,CAAS,OAAA,EAAS,WAAA,oBACtB,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAS,QAAA,EAAA,IAAA,CAAK,QAAA,CAAS,OAAA,EAAS,WAAA,EAAY;AAAA,SAAA,EAE3D,CAAA;AAAA,QACC,aAAA,KAAkB,YAAY,OAAA,oBAC7B,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,GAAA,EAAKG,QAAA;AAAA,YACL,WAAW,EAAA,CAAGH,QAAA,CAAO,UAAU,CAAA,EAAGA,QAAA,CAAO,SAAS,CAAC;AAAA;AAAA;AACrD;AAAA,KAAA;AAAA,IAnCG,IAAA,CAAK;AAAA,GAqCZ;AAEJ,CAAA;;ACnDO,MAAM,SAAS,CAAC;AAAA,EACrB,QAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,EAAE,GAAA,EAAI,GAAI,uBAAA,CAAwB;AAAA,IACtC,QAAA,EAAU,CAAC,cAAA,KAAmB;AAC5B,MAAA,kBAAA,GAAqB,cAAc,CAAA;AAAA,IACrC,CAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAW,QAAA,EAAS,CAAA;AAClC,CAAA;;ACfO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAA4B;AAC1B,EAAA,MAAM,4BAAA,GAA+B,CAAC,OAAA,KAAqB;AACzD,IAAA,IAAI,OAAA,IAAW,CAAC,mBAAA,EAAqB;AACnC,MAAA,UAAA,EAAW;AAAA,IACb;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA,CAAa;AAAA,QACf,SAAA,EAAW,EAAA,CAAGA,QAAA,CAAO,UAAU,GAAG,SAAS,CAAA;AAAA,QAC3C;AAAA,OACD,CAAA;AAAA,MAED,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAW,EAAA,CAAGA,QAAA,CAAO,mBAAmB,CAAC,CAAA,EAC1C,QAAA,EAAA,MAAA,oBACC,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,OAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,OAAO,CAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,QAAA,EAAS,CAAA,EACzB,CAAA,GACE,KAAA,CAAM,MAAA,GAAS,CAAA,GACjB,KAAA,CAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBACf,GAAA;AAAA,UAAC,mBAAA;AAAA,UAAA;AAAA,YAEC,IAAA;AAAA,YACA,KAAA;AAAA,YACA,YAAA;AAAA,YACA,aAAA,EAAc,QAAA;AAAA,YACd,OAAA,EAAS,cAAA,EAAgB,EAAA,KAAO,IAAA,CAAK,QAAA,CAAS,EAAA;AAAA,YAC9C,aAAa,gBAAA,KAAqB,KAAA;AAAA,YAClC,QAAA,EAAA,CAAW,QAAA,IAAY,IAAA,CAAK,QAAA,KAAa;AAAA,WAAA;AAAA,UAPpC,IAAA,CAAK;AAAA,SASb,CAAA,mBAED,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,SAAO,OAAO,CAAA,EAC5B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAO,IAAA,EAAC,IAAA,EAAK,SAAQ,QAAA,EAAA,gBAAA,EAE3B,CAAA,EACF,GAEJ,CAAA,EAEJ,CAAA;AAAA,QACC,8BACC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,WAAW,CAAA,EAChC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,MAAK,OAAA,EAAQ,CAAA;AAAA,0BACtB,GAAA,CAAC,UAAO,QAAA,EAAA,iBAAA,EAAe;AAAA,SAAA,EACzB,CAAA,GACE,OAAA,IAAW,CAAC,OAAA,mBACd,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,kBAAA,EAAoB,4BAAA;AAAA,YACpB,UAAA,EAAW,oBAAA;AAAA,YAEX,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,WAAW,CAAA,EAChC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,UAAA,EAAW,aAAY,IAAA,EAAK,OAAA,EAAQ,OAAA,EAAS,UAAA,EAAY,uBAEjE,CAAA,EACF;AAAA;AAAA,SACF,GACE;AAAA;AAAA;AAAA,GACN;AAEJ,CAAA;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA;;AC9CvB,MAAM,mBAAmB,CAAC;AAAA,EAC/B,WAAA;AAAA,EACA,IAAA;AAAA,EACA,kBAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,EAAA;AAAA,EACA,eAAA;AAAA,EACA,qBAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,sBAAA,GAAyB,EAAA,CAAGA,QAAA,CAAO,eAAe,CAAA,EAAG;AAAA,IACzD,CAACA,QAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,IAC5B,CAACA,QAAA,CAAO,OAAO,CAAC,GAAG,IAAA,KAAS,OAAA;AAAA,IAC5B,CAACA,QAAA,CAAO,iBAAiB,CAAC,GAAG,kBAAA;AAAA,IAC7B,CAACA,QAAA,CAAO,UAAU,CAAC,GAAG,QAAA,IAAY;AAAA,GACnC,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,eAAA;AAAA,MACJ,GAAG,qBAAA;AAAA,MACJ,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAwB,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAErE,QAAA,EAAA;AAAA,QAAA,MAAA,uBAAU,KAAA,EAAA,EAAI,SAAA,EAAWA,SAAO,QAAQ,CAAA,EAAI,kBAAO,CAAA,GAAS,IAAA;AAAA,wBAC7D,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,EAAA;AAAA,YACA,WAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA;AAAA,YACC,GAAG,UAAA;AAAA,YACJ,WAAW,EAAA,CAAGA,QAAA,CAAO,OAAO,CAAA,EAAG,YAAY,SAAA,EAAW;AAAA,cACpD,CAACA,QAAA,CAAO,OAAO,CAAC,GAAG;AAAA,aACpB;AAAA;AAAA,SACH;AAAA,QACC,MAAA,uBAAU,KAAA,EAAA,EAAI,SAAA,EAAWA,SAAO,QAAQ,CAAA,EAAI,kBAAO,CAAA,GAAS,IAAA;AAAA,wBAC7D,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,iBAAiB,CAAA,EACrC,QAAA,EAAA;AAAA,UAAA,kBAAA,GAAqB,uBACpB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,sBAAsB,CAAA,EAC3C,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAMI,QAAA;AAAA,cACN,YAAA,EAAW,iBAAA;AAAA,cACX,UAAA,EAAW,OAAA;AAAA,cACX,IAAA,EAAK,OAAA;AAAA,cACL,SAAA,EAAWJ,SAAO,cAAc,CAAA;AAAA,cAChC,SAAS,MAAM;AACb,gBAAA,OAAA,IAAU;AAAA,cACZ;AAAA;AAAA,WACF,EACF,CAAA;AAAA,UAED,sBAAsB,IAAA,mBACrB,GAAA,CAAC,SAAI,SAAA,EAAWA,QAAA,CAAO,uBAAuB,CAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAMK,eAAA;AAAA,cACN,YAAA,EAAW,aAAA;AAAA,cACX,UAAA,EAAW,OAAA;AAAA,cACX,IAAA,EAAK,OAAA;AAAA,cACL,QAAA;AAAA,cACC,GAAG,iBAAA;AAAA,cACJ,SAAA,EAAW,EAAA;AAAA,gBACTL,SAAO,eAAe,CAAA;AAAA,gBACtB,iBAAA,EAAmB;AAAA;AACrB;AAAA,WACF,EACF;AAAA,SAAA,EAEJ;AAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA;;ACvGxB,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAA;;AC7BO,SAAS,oBAAA,CACd,QAAA,EACA,KAAA,GAAgB,GAAA,EACb;AACH,EAAA,MAAM,UAAA,GAAa,OAA8B,IAAI,CAAA;AACrD,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AAGnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAAA,EACxB,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAGb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAC/B,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,iBAAA,GAAoB,WAAA;AAAA,KACvB,IAAI,IAAA,KAAwB;AAE3B,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,MACjC;AAGA,MAAA,UAAA,CAAW,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,WAAA,CAAY,OAAA,CAAQ,GAAG,IAAI,CAAA;AAC3B,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB,GAAG,KAAK,CAAA;AAAA,IACV,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAA,OAAO,iBAAA;AACT;;ACvCO,MAAM,WAAW,CAAC;AAAA,EACvB,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,sBAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA,GAAY,SAAA;AAAA,EACZ,sBAAA,GAAyB,KAAA;AAAA,EACzB;AACF,CAAA,KAAuB;AAIrB,EAAA,MAAM,cAAA,GAAiB,QAAQ,MAAM;AACnC,IAAA,MAAM,QAAoC,OAAA,CAAQ,GAAA;AAAA,MAChD;AAAA,KACF;AAQA,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,KAAA,CAAM,OAAA,CAAQ;AAAA,QACZ,EAAA,EAAI,YAAA;AAAA,QACJ,IAAA,EAAM,YAAA;AAAA,QACN,UAAU,EAAE,EAAA,EAAI,cAAc,KAAA,EAAO,SAAA,CAAU,SAAS,YAAA;AAAa,OACtE,CAAA;AAAA,IACH;AAEA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,OAAA,EAAS,aAAA,EAAe,SAAS,CAAC,CAAA;AAEtC,EAAA,MAAM,qBAAA,GAAwB,QAAQ,MAAM;AAC1C,IAAA,OAAO,cAAA,GAAiB,wBAAA,CAAyB,cAAc,CAAA,GAAI,IAAA;AAAA,EACrE,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,oBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,WAAA,CAAY;AAAA,IACd,cAAA,EAAgB,CAAC,IAAA,EAAM,MAAA,KAAW;AAChC,MAAA,IAAI,CAAC,IAAA,EAAM;AACT,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,OAAA,CAAQ,QAAA,IAAY,KAAK,QAAA,KAAa,KAAA;AAAA,IACxC,CAAA;AAAA,IACA,YAAA,EAAc,qBAAA;AAAA,IACd,sBAAsB,CAAC;AAAA,MACrB,YAAA,EAAc;AAAA,KAChB,KAEM;AACJ,MAAA,IAAI,EAAA,IAAM,EAAA,CAAG,IAAA,KAAS,QAAA,EAAU;AAC9B,QAAA,sBAAA,CAAuB,GAAG,QAAQ,CAAA;AAAA,MACpC,CAAA,MAAO;AACL,QAAA,sBAAA,CAAuB,IAAI,CAAA;AAAA,MAC7B;AAAA,IACF,CAAA;AAAA,IACA,kBAAA;AAAA,IACA,cAAA,EAAgB,CAAC,OAAA,KAAY;AAC3B,MAAA,cAAA,GAAiB,OAAO,CAAA;AACxB,MAAA,IAAI,OAAA,CAAQ,MAAA,IAAU,CAAC,sBAAA,EAAwB;AAC7C,QAAA,MAAM,oBAAoB,cAAA,CAAe,SAAA;AAAA,UACvC,CAAC,IAAA,KAAS,IAAA,CAAK,EAAA,KAAO,qBAAA,EAAuB;AAAA,SAC/C;AACA,QAAA,mBAAA,CAAoB,iBAAiB,CAAA;AAAA,MACvC;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO,cAAA;AAAA,IACP,aAAa,IAAA,EAAuC;AAClD,MAAA,OAAO,IAAA,EAAM,SAAS,KAAA,IAAS,EAAA;AAAA,IACjC,CAAA;AAAA,IACA,cAAc,CAAC,KAAA,EAAO,qBACpB,YAAA,CAAa,KAAA,EAAO,kBAAkB,SAAS;AAAA,GAClD,CAAA;AAED,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA,oBAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AAEA,SAAS,yBACP,MAAA,EAC0B;AAC1B,EAAA,OAAO;AAAA,IACL,IAAI,MAAA,CAAO,EAAA;AAAA,IACX,IAAA,EAAM,QAAA;AAAA,IACN,QAAA,EAAU,OAAO,QAAA,IAAY,KAAA;AAAA,IAC7B,QAAA,EAAU;AAAA,GACZ;AACF;AAEA,SAAS,YAAA,CACP,KAAA,EACA,gBAAA,EACA,SAAA,EACA;AACA,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAQ,GAAI,gBAAA;AAE1B,EAAA,QAAQ,IAAA;AAAM,IACZ,KAAK,YAAY,gBAAA,CAAiB,SAAA;AAEhC,MAAA,IAAI,SAAA,KAAc,QAAA,IAAY,KAAA,CAAM,MAAA,EAAQ;AAC1C,QAAA,OAAO;AAAA,UACL,GAAG,OAAA;AAAA,UACH,QAAQ,KAAA,CAAM;AAAA,SAChB;AAAA,MACF;AACA,MAAA,OAAO;AAAA,QACL,GAAG,OAAA;AAAA,QACH,UAAA,EAAY,KAAA,CAAM,YAAA,EAAc,QAAA,CAAS,SAAS,KAAA,CAAM;AAAA,OAC1D;AAAA,IACF,KAAK,YAAY,gBAAA,CAAiB,kBAAA;AAAA,IAClC,KAAK,YAAY,gBAAA,CAAiB,iBAAA;AAChC,MAAA,OAAO;AAAA,QACL,GAAG,OAAA;AAAA,QACH,UAAA,EAAY,KAAA,CAAM,YAAA,EAAc,QAAA,CAAS,SAAS,KAAA,CAAM;AAAA,OAC1D;AAAA,IACF,KAAK,YAAY,gBAAA,CAAiB,UAAA;AAChC,MAAA,IAAI,SAAA,KAAc,QAAA,IAAY,KAAA,CAAM,MAAA,EAAQ;AAE1C,QAAA,OAAO;AAAA,UACL,GAAG,OAAA;AAAA,UACH,QAAQ,KAAA,CAAM;AAAA,SAChB;AAAA,MACF;AACA,MAAA,OAAO,OAAA;AAAA,IACT,KAAK,YAAY,gBAAA,CAAiB,iBAAA;AAAA,IAClC,KAAK,YAAY,gBAAA,CAAiB,SAAA;AAChC,MAAA,OAAO,OAAA;AAAA,IACT;AACE,MAAA,OAAO,OAAA;AAAA;AAEb;;;;;;ACxKO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACxD,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,EAAE,EAAA,EAAI,QAAA,EAAU,gBAAA,EAAkB,MAAK,GAAI,KAAA;AAEjD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,GAAA,CAAI,SAAS,WAAA,EAAY;AAAA,IAC3B,CAAA,MAAO;AACL,MAAA,GAAA,CAAI,SAAS,WAAA,EAAY;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,cAAA,GAAiB,YAAY,YAAY;AAC7C,IAAA,IAAI,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,iBAAiB,OAAA,EAAS;AAC/C,IAAA,MAAM,WAAW,MAAM,eAAA;AAAA,MACrB,gBAAA,CAAiB,OAAA;AAAA,MACjB,GAAA,CAAI,OAAA;AAAA,MACJ;AAAA,QACE,SAAA,EAAW,cAAA;AAAA,QACX,UAAA,EAAY;AAAA,UACV,OAAO,CAAC,CAAA;AAAA,UACR,aAAA,CAAc;AAAA,YACZ,iBAAA,EAAmB,CAAC,cAAA,EAAgB,WAAW,CAAA;AAAA,YAC/C,OAAA,EAAS;AAAA,WACV,CAAA;AAAA,UACD,IAAA,CAAK;AAAA,YACH,OAAA,EAAS,CAAA;AAAA,YACT,KAAA,CAAM,EAAE,KAAA,EAAO,QAAA,EAAU,iBAAgB,EAAG;AAC1C,cAAA,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,QAAA,CAAS,KAAA,EAAO;AAAA,gBACrC,KAAA,EAAO,CAAA,EAAG,KAAA,CAAM,SAAA,CAAU,KAAK,CAAA,EAAA,CAAA;AAAA,gBAC/B,WAAW,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,eAAe,CAAC,CAAA,EAAA;AAAA,eAC3C,CAAA;AAAA,YACH;AAAA,WACD;AAAA;AACH;AACF,KACF;AACA,IAAA,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,SAAS,CAAC,CAAA,EAAA,CAAA;AACtC,IAAA,GAAA,CAAI,OAAA,CAAQ,KAAA,CAAM,GAAA,GAAM,CAAA,EAAG,SAAS,CAAC,CAAA,EAAA,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,GAAA,EAAK,gBAAgB,CAAC,CAAA;AAE1B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,GAAA,CAAI,OAAA,IAAW,CAAC,gBAAA,CAAiB,OAAA,IAAW,CAAC,IAAA,EAAM;AACxD,IAAA,MAAM,OAAA,GAAU,UAAA;AAAA,MACd,gBAAA,CAAiB,OAAA;AAAA,MACjB,GAAA,CAAI,OAAA;AAAA,MACJ;AAAA,KACF;AACA,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,EAAQ;AAAA,IACV,CAAA;AAAA,EACF,GAAG,CAAC,gBAAA,EAAkB,GAAA,EAAK,cAAA,EAAgB,IAAI,CAAC,CAAA;AAEhD,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,EAAA,EAAQ,SAAA,EAAWA,SAAO,eAAe,CAAA,EAAG,OAAA,EAAQ,QAAA,EAChE,QAAA,EACH,CAAA;AAEJ,CAAA;;AC/CA,SAAS,mBAAA,GAA+B;AACtC,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,OAAO,UAAA,EAAY;AACvD,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,MAAA,CAAO,UAAA,CAAW,mBAAmB,CAAA,CAAE,OAAA;AAChD;AA8BO,SAAS,eAAA,GAAyC;AACvD,EAAA,MAAM,aAAa,aAAA,EAAc;AACjC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,mBAAmB,CAAA;AAE5E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,mBAAA,CAAoB,qBAAqB,CAAA;AAGzC,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,UAAA,CAAW,mBAAmB,CAAA;AACxD,IAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2B;AAC/C,MAAA,mBAAA,CAAoB,EAAE,OAAO,CAAA;AAAA,IAC/B,CAAA;AAEA,IAAA,UAAA,CAAW,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAClD,IAAA,OAAO,MAAM,UAAA,CAAW,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,EACpE,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgB,CAAC,UAAA,EAAY,EAAA;AACnC,EAAA,MAAM,WAAW,aAAA,IAAiB,gBAAA;AAElC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,WAAW,QAAA,GAAW,SAAA;AAAA,IAC5B,QAAA;AAAA,IACA,WAAW,CAAC;AAAA,GACd;AACF;;;;;;;;;;;;;ACnFO,MAAM,cAAc,CAAC;AAAA,EAC1B,EAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,KAOM;AACJ,EAAA,MAAM,KAAA,GAAQ,OAA0B,IAAI,CAAA;AAC5C,EAAA,MAAM,uBAAA,GAA0B,OAAuB,IAAI,CAAA;AAE3D,EAAA,mBAAA,CAAoB;AAAA,IAClB,IAAA,EAAM,MAAA;AAAA,IACN,EAAA;AAAA,IACA,oBAAA,EAAsB,KAAA;AAAA,IACtB,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,KAAA,CAAM,SAAS,SAAA,EAAU;AAAA,IAC3B,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,SAAS,KAAA,EAAM;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,MAAM,eAAe,MAAM;AACzB,QAAA,IAAI,CAAC,wBAAwB,OAAA,EAAS;AACtC,QAAA,uBAAA,CAAwB,QAAQ,KAAA,CAAM,MAAA,GAAS,GAAG,MAAA,CAAO,cAAA,EAAgB,UAAU,CAAC,CAAA,EAAA,CAAA;AACpF,QAAA,uBAAA,CAAwB,QAAQ,KAAA,CAAM,SAAA,GAAY,GAAG,MAAA,CAAO,cAAA,EAAgB,UAAU,CAAC,CAAA,EAAA,CAAA;AAAA,MACzF,CAAA;AACA,MAAA,MAAA,CAAO,cAAA,EAAgB,gBAAA,CAAiB,QAAA,EAAU,YAAY,CAAA;AAC9D,MAAA,OAAO,MAAM;AACX,QAAA,MAAA,CAAO,cAAA,EAAgB,mBAAA,CAAoB,QAAA,EAAU,YAAY,CAAA;AAAA,MACnE,CAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,KAAA;AAAA,MACL,EAAA;AAAA,MACA,UAAA,EAAS,cAAA;AAAA,MACT,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,MAChC,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,QAAA,IAAI,CAAA,CAAE,SAAS,QAAA,EAAU;AACvB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,EAAQ;AAAA,QACV;AAAA,MACF,CAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,OAAO,qCAAqC,CAAA;AAAA,UACvD,GAAA,EAAK,uBAAA;AAAA,UAEL,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,QAAK,SAAA,EAAU,KAAA,EAAM,SAAA,EAAW,MAAA,CAAO,QAAQ,CAAA,EAC9C,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,UAAA,EAAW,EAAA,EAAG,MACzB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,8BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,iBAAiB,CAAA,EACvC,QAAA,kBAAA,GAAA,CAAC,aAAA,CAAc,QAAA,EAAd,EAAuB,KAAA,EAAO,EAAE,KAAA,EAAO,SAAQ,EAC9C,QAAA,kBAAA,GAAA;AAAA,gBAAC,kBAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,OAAO,cAAc,CAAA;AAAA,kBAChC,IAAA,EAAK,OAAA;AAAA,kBACL,UAAA,EAAW,OAAA;AAAA,kBACX,YAAA,EAAW,cAAA;AAAA,kBACX,IAAA,EAAMI;AAAA;AAAA,iBAEV,CAAA,EACF;AAAA,aAAA,EACF,CAAA;AAAA,4BACA,GAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,WAAW,MAAA,CAAO,OAAO,GAC/C,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,4BACA,GAAA,CAAC,QAAK,SAAA,EAAU,QAAA,EAAS,WAAW,MAAA,CAAO,SAAS,GACjD,QAAA,EACH;AAAA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ,CAAA;;ACrEO,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CAAC,iBAAiB,GAAA,KAAQ;AACxB,IAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAA+B,GACnD,mBAAmB,eAAe,CAAA;AACpC,IAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtE,IAAA,MAAM,eAAA,GAAkB,OAAuB,IAAI,CAAA;AAEnD,IAAA,MAAM;AAAA,MACJ,EAAA,EAAI,MAAA;AAAA,MACJ,KAAA,EAAO,cAAA;AAAA,MACP,aAAa,eAAA,GAAkB,MAAA;AAAA,MAC/B,eAAe,iBAAA,GAAoB,MAAA;AAAA,MACnC,IAAA;AAAA,MACA,WAAA,EAAa,eAAA;AAAA,MACb,KAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAoB,sBAAA,GAAyB,KAAA;AAAA,MAC7C,UAAA,GAAa,GAAA;AAAA,MACb,sBAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAe,iBAAA,GAAoB,WAAA;AAAA,MACnC,QAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACF,GAAI,cAAA;AACJ,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,KAAK,MAAA,IAAU,MAAA;AACrB,IAAA,MAAM,YAAY,KAAA,EAAM;AAExB,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAC9C,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,WAAA,CAAY,IAAI,CAAA;AAAA,IAClB,CAAA;AACA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,OAAO,KAAA,KAAU,SAAA,GAAY,KAAA,GAAQ,MAAA;AAC1D,IAAA,MAAM,aAAA,GAAgB,QAAQ,YAAA,IAAgB,WAAA;AAC9C,IAAA,MAAM,oBAAA,GAAA,CAAwB,YAAY,QAAA,KAAa,KAAA;AAEvD,IAAA,MAAM,EAAE,QAAA,EAAS,GAAI,eAAA,EAAgB;AACrC,IAAA,MAAM,SAAA,GACJ,iBAAA,KAAsB,MAAA,GAClB,QAAA,GACE,WACA,SAAA,GACF,iBAAA;AAEN,IAAA,MAAM,WAAA,GACJ,eAAA,KAAoB,MAAA,GAAS,WAAA,GAAc,eAAA;AAE7C,IAAA,MAAM,QAAA,GACJ,SAAS,MAAA,IAAU,aAAA,IAAiB,iBAC/B,cAAA,CAAe,WAAA,EAAa,YAAY,iBAAA,GACzC,iBAAA;AACN,IAAA,MAAM,KAAA,GACJ,SAAS,QAAA,IAAY,aAAA,IAAiB,iBACjC,cAAA,CAAe,WAAA,EAAa,SAAS,iBAAA,GACtC,iBAAA;AAEN,IAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM;AACtC,MAAA,MAAM,WAAA,GAAc;AAAA,QAClB,SAAS,KAAA,EAAO,OAAA;AAAA,QAChB,SAAS,KAAA,EAAO;AAAA,OAClB;AACA,MAAA,IAAI,IAAA,KAAS,MAAA;AACX,QAAA,OAAO;AAAA,UACL,IAAA,EAAM,MAAA;AAAA,UACN,WAAA,EAAa,eAAA;AAAA,UACb,QAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACT;AACF,MAAA,IAAI,IAAA,KAAS,QAAA;AACX,QAAA,OAAO;AAAA,UACL,IAAA,EAAM,QAAA;AAAA,UACN,WAAA,EAAa,eAAA;AAAA,UACb,KAAA;AAAA,UACA,KAAA,EAAO;AAAA,SACT;AACF,MAAA,IAAI,IAAA,KAAS,OAAA;AACX,QAAA,OAAO;AAAA,UACL,IAAA,EAAM,OAAA;AAAA,UACN,WAAA,EAAa,eAAA;AAAA,UACb,KAAA,EAAO;AAAA,SACT;AACF,MAAA,OAAO;AAAA,QACL,IAAA,EAAM,KAAA;AAAA,QACN,WAAA,EAAa,eAAA;AAAA,QACb,KAAA,EAAO;AAAA,OACT;AAAA,IACF,CAAA,EAAG;AAAA,MACD,IAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACR,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF,GAAI,sBAAsB,iBAAiB,CAAA;AAE3C,IAAA,mBAAA,CAAoB,KAAK,OAAO,EAAE,YAAW,CAAA,EAAI,CAAC,UAAU,CAAC,CAAA;AAE7D,IAAA,MAAM,qBAAA,GAAwB,oBAAA,CAAqB,CAACE,WAAAA,KAAuB;AACzE,MAAA,WAAA,CAAY,cAAA,EAAgB,KAAA,KAAUA,WAAAA,GAAa,EAAA,GAAKA,WAAAA,EAAY;AAAA,QAClE,OAAA,EAAS;AAAA,OACV,CAAA;AAAA,IACH,GAAG,UAAU,CAAA;AAEb,IAAA,MAAM,iCAAA,GAAoC,WAAA;AAAA,MACxC,CAACA,WAAAA,KAAuB;AACtB,QAAA,IAAI,cAAA,EAAgB,UAAUA,WAAAA,EAAY;AACxC,UAAA,OAAO,EAAA;AAAA,QACT,CAAA,MAAO;AACL,UAAA,OAAOA,WAAAA;AAAA,QACT;AAAA,MACF,CAAA;AAAA,MACA,CAAC,gBAAgB,KAAK;AAAA,KACxB;AAEA,IAAA,MAAM;AAAA,MACJ,MAAA;AAAA,MACA,oBAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,QACE,QAAA,CAAS;AAAA,MACX,SAAA;AAAA,MACA,QAAA,EAAU,oBAAA;AAAA,MACV,OAAA;AAAA,MACA,eAAe,EAAC;AAAA,MAChB,cAAA;AAAA,MACA,sBAAA,EAAwB,CAACC,eAAAA,KAAmB;AAC1C,QAAA,sBAAA,CAAuBA,eAAc,CAAA;AAAA,MACvC,CAAA;AAAA,MACA,MAAM,eAAe,OAAA,EAAS;AAC5B,QAAA,IAAI,WAAA,KAAgB,MAAA,IAAU,CAAC,oBAAA,IAAwB,QAAQ,MAAA,EAAQ;AACrE,UAAA,MAAM,WAAA,CAAY,iCAAA,CAAkC,UAAU,CAAA,EAAG;AAAA,YAC/D,OAAA,EAAS;AAAA,WACV,CAAA;AACD,UAAA,uBAAA,CAAwB,IAAI,CAAA;AAAA,QAC9B;AAAA,MACF,CAAA;AAAA,MACA,kBAAA,EAAoB,CAAC,EAAE,UAAA,EAAY,IAAG,KAAM;AAC1C,QAAA,qBAAA,CAAsB,EAAE,CAAA;AAAA,MAC1B;AAAA,KACD,CAAA;AAED,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,MAAM,qBAAqB,YAAY;AACrC,QAAA,IAAI,WAAA,KAAgB,WAAA,IAAe,CAAC,oBAAA,EAAsB;AACxD,UAAA,MAAM,WAAA,CAAY,iCAAA,CAAkC,UAAU,CAAA,EAAG;AAAA,YAC/D,OAAA,EAAS;AAAA,WACV,CAAA;AACD,UAAA,uBAAA,CAAwB,IAAI,CAAA;AAAA,QAC9B;AAAA,MACF,CAAA;AACA,MAAA,kBAAA,EAAmB;AAAA,IACrB,CAAA,EAAG;AAAA,MACD,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAA,MAAM,iBAAiB,YAAY;AACjC,MAAA,MAAM,QAAA,CAAS,iCAAA,CAAkC,UAAU,CAAC,CAAA;AAAA,IAC9D,CAAA;AAEA,IAAA,MAAM,kBAAA,GACJ,sBAAA,IAA0B,CAAC,cAAA,IAAkB,oBAAA;AAE/C,IAAA,IAAI,cAAc,QAAA,EAAU;AAC1B,MAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWP,QAAA,CAAO,cAAc,GAAG,KAAA,EAAO,EAAE,GAAG,YAAA,EAAa,EAC/D,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,aAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,wBACA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,QAAA;AAAA,YACA,mBAAA,EAAqB,KAAA;AAAA,YACrB,WAAA;AAAA,YACA,kBAAA;AAAA,YACA,mBAAmB,oBAAA,EAAqB;AAAA,YACxC,OAAA,EAAS,MAAM,sBAAA,CAAuB,IAAI,CAAA;AAAA,YAC1C,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,YACT,YAAY,aAAA,CAAc;AAAA,cACxB,kBAAA,EAAoB,gBAAgB,SAAA,GAAY,MAAA;AAAA,cAChD,cAAA,EAAgB,QAAQ,IAAA,GAAO,MAAA;AAAA,cAC/B,OAAA,EAAS,WAAA;AAAA,cACT,MAAA,EAAQ;AAAA,aACT,CAAA;AAAA,YACD,IAAA;AAAA,YACA,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,YACT,MAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,aAAA,mBACC,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,SAAA;AAAA,YACJ,IAAA;AAAA,YACA,YAAA;AAAA,YACA,aAAA,EAAe,MAAA,IAAU,QAAA,GAAW,iBAAA,GAAoB,KAAA;AAAA,YACxD;AAAA;AAAA,SACF,GACE,IAAA;AAAA,wBACJ,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,GAAG,EAAE,CAAA,OAAA,CAAA;AAAA,YACT,MAAA;AAAA,YACA,OAAA,EAAS,SAAA;AAAA,YACT,KAAA,EAAO,KAAA;AAAA,YACP,KAAA,kBACE,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA,QAAA;AAAA,gBACA,YAAY,aAAA,EAAc;AAAA,gBAC1B,mBAAA,EAAmB,IAAA;AAAA,gBACnB,WAAA;AAAA,gBACA,kBAAA;AAAA,gBACA,OAAA,EAAS,MAAM,sBAAA,CAAuB,IAAI,CAAA;AAAA,gBAC1C,EAAA,EAAI,GAAG,EAAE,CAAA,aAAA,CAAA;AAAA,gBACT,eAAA;AAAA,gBACA,IAAA,EAAK,QAAA;AAAA,gBACL,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,gBACT,MAAA;AAAA,gBACA;AAAA;AAAA,aACF;AAAA,YAGF,QAAA,kBAAA,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,MAAA,EAAM,IAAA;AAAA,gBACN,KAAA,EAAO,cAAA;AAAA,gBACP,YAAA;AAAA,gBACA,YAAA;AAAA,gBACA,gBAAA;AAAA,gBACA,cAAA;AAAA,gBACA,OAAA;AAAA,gBACA,UAAA,EAAY,cAAA;AAAA,gBACZ,OAAA;AAAA,gBACA,WAAA;AAAA,gBACA,QAAA,EAAU,oBAAA;AAAA,gBACV,KAAA,EAAO;AAAA,kBACL,aAAA,EAAe,EAAA;AAAA,kBACf,eAAA,EAAiB;AAAA;AACnB;AAAA;AACF;AAAA;AACF,OAAA,EACF,CAAA;AAAA,IAEJ;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWA,QAAA,CAAO,cAAc,GAAG,KAAA,EAAO,EAAE,GAAG,YAAA,EAAa,EAC/D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,aAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,sBACA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,QAAA;AAAA,UACA,YAAY,aAAA,CAAc;AAAA,YACxB,aAAA,EAAe,GAAG,EAAE,CAAA,QAAA,CAAA;AAAA,YACpB,kBAAA,EAAoB,gBAAgB,SAAA,GAAY,MAAA;AAAA,YAChD,cAAA,EAAgB,QAAQ,IAAA,GAAO,MAAA;AAAA,YAC/B,OAAA,EAAS,WAAA;AAAA,YACT,MAAA,EAAQ;AAAA,WACT,CAAA;AAAA,UACD,mBAAmB,oBAAA,EAAqB;AAAA,UACxC,mBAAA,EAAqB,KAAA;AAAA,UACrB,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,OAAA,EAAS,MAAM,sBAAA,CAAuB,IAAI,CAAA;AAAA,UAC1C,EAAA,EAAI,GAAG,EAAE,CAAA,MAAA,CAAA;AAAA,UACT,aAAA,EAAe,GAAG,EAAE,CAAA,QAAA,CAAA;AAAA,UACpB,eAAA;AAAA,UACA,IAAA;AAAA,UACA,KAAA,EAAO,CAAC,CAAC,KAAA;AAAA,UACT,MAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MACC,aAAA,mBACC,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAA;AAAA,UACJ,IAAA;AAAA,UACA,YAAA;AAAA,UACA,aAAA,EAAe,MAAA,IAAU,QAAA,GAAW,iBAAA,GAAoB,KAAA;AAAA,UACxD;AAAA;AAAA,OACF,GACE,IAAA;AAAA,sBAEJ,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,GAAG,EAAE,CAAA,QAAA,CAAA;AAAA,UACT,gBAAA,EAAkB,eAAA;AAAA,UAClB,IAAA,EAAM,UAAU,SAAA,KAAc,SAAA;AAAA,UAE9B,QAAA,kBAAA,GAAA;AAAA,YAAC,eAAA;AAAA,YAAA;AAAA,cACC,MAAA;AAAA,cACA,KAAA,EAAO,cAAA;AAAA,cACP,YAAA;AAAA,cACA,YAAA;AAAA,cACA,gBAAA;AAAA,cACA,cAAA;AAAA,cACA,OAAA;AAAA,cACA,UAAA,EAAY,cAAA;AAAA,cACZ,OAAA;AAAA,cACA,WAAA;AAAA,cACA,QAAA,EAAU,oBAAA;AAAA,cACV,KAAA,EAAO;AAAA,gBACL,OAAA,EAAS;AAAA;AACX;AAAA;AACF;AAAA;AACF,KAAA,EACF,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;;AC1U1B,MAAM,aAAA,GAAgB,CAAC,OAAA,EAA8B,WAAA,KAAwB;AAC3E,EAAA,OAAO,WAAA,CAAY,SAAS,WAAA,EAAa;AAAA,IACvC,IAAA,EAAM,CAAC,OAAA,EAAS,YAAY;AAAA,GAC7B,CAAA;AACH,CAAA;AAWO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAgC;AAC9D,EAAA,MAAM,EAAE,OAAA,EAAS,MAAA,EAAQ,aAAa,aAAA,EAAe,GAAG,MAAK,GAAI,KAAA;AAEjE,EAAA,MAAM,SACJ,OAAO,UAAA,KAAe,aAClB,UAAA,GACA,CAACF,UAA8B,WAAA,KAC7B,WAAA;AAAA,IACEA,QAAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AAER,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,KAAA;AAAA,MACN,WAAA,EAAa,CAAC,WAAA,KAAgB,MAAA,CAAO,SAAS,WAAW,CAAA;AAAA,MACzD,UAAA,EAAY,CAAA;AAAA,MACX,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/SelectTriggerBase-D8scKtBr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectTriggerBase-D8scKtBr.js","sources":["../src/components/Combobox/internal/ComboboxUtils.ts","../src/components/SelectTrigger/internal/SelectTriggerBase.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport {\n  ComboboxMultipleProps,\n  ComboboxProps,\n  ComboboxSelectProps,\n  SelectMultipleProps,\n} from \"../ComboboxTypes\";\n\nexport const ADD_NEW = Symbol.for(\"add-new\");\nexport const SELECT_ALL = Symbol.for(\"select-all\");\n\n/**\n * Default function to convert an item to a string representation\n * @template Item - The type of the item\n * @param item - The item to convert to string\n * @returns String representation of the item or empty string if null/undefined\n */\nexport const defaultItemToString = function <Item>(item: Item | null) {\n  return item != null ? String(item) : \"\";\n};\n\n/**\n * Default function to generate a unique key for an item\n * @template Item - The type of the item\n * @param item - The item to generate a key for\n * @returns The item itself as the key\n */\nexport const defaultItemToKey = function <Item>(item: Item | null) {\n  return item;\n};\n\n/**\n * Hook to handle downshift environment configuration for shadow DOM support\n *\n * Features:\n * - Fixes shadow DOM compatibility issues with downshift\n * - Provides proper document and event listener references\n * - Returns ref for wrapper element and environment configuration\n *\n * @returns Object containing ref and environment configuration\n *\n * @example\n * const { ref, environment } = useDownshiftEnvironment();\n *\n * return (\n *   <div ref={ref}>\n *     <Combobox environment={environment}>\n *       combobox content\n *     </Combobox>\n *   </div>\n * );\n */\nexport const useDownshiftEnvironment = () => {\n  // fix for shadow DOM, see https://gist.github.com/Rendez/1dd55882e9b850dd3990feefc9d6e177\n  const wrapperDivRef = useRef<HTMLDivElement | null>(null);\n\n  const shadowRoot = wrapperDivRef.current\n    ? wrapperDivRef.current.getRootNode()\n    : null;\n\n  const shadowDocument =\n    wrapperDivRef.current && shadowRoot ? shadowRoot.ownerDocument : null;\n\n  const environment = shadowDocument\n    ? {\n        document: shadowDocument,\n        addEventListener: shadowDocument.addEventListener.bind(shadowRoot),\n        removeEventListener:\n          shadowDocument.removeEventListener.bind(shadowRoot),\n        Node,\n      }\n    : undefined;\n\n  return { ref: wrapperDivRef, environment };\n};\n\nexport function isMultiple<Item>(\n  props: ComboboxProps<Item> | ComboboxSelectProps<Item>,\n): props is ComboboxMultipleProps<Item> | SelectMultipleProps<Item> {\n  return Object.hasOwn(props, \"multiple\") && props.multiple === true;\n}\n\nexport function getScrollParent(node: HTMLElement | null) {\n  if (node == null) {\n    return null;\n  }\n\n  if (node.scrollHeight > node.clientHeight) {\n    return node;\n  } else {\n    if (node.parentNode instanceof HTMLElement) {\n      return getScrollParent(node.parentNode);\n    }\n    return null;\n  }\n}\n","import {\n  useState,\n  useId,\n  useRef,\n  useLayoutEffect,\n  type ComponentPropsWithoutRef,\n  type MouseEvent,\n  type MutableRefObject,\n  type MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport cx from \"classnames\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\n\nimport { Button } from \"../../Button\";\nimport { Chip, ChipProps } from \"../../Chip\";\nimport { Flex } from \"../../Flex\";\nimport { FieldLabel, FieldLabelProps } from \"../../FieldLabel\";\nimport { Helper } from \"../../../internal/components\";\nimport { TextFieldProps } from \"../../TextField\";\n\nimport styles from \"./SelectTriggerBase.module.scss\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { defaultItemToString } from \"../../Combobox/internal/ComboboxUtils\";\n\ntype PartialChipProps = Partial<Omit<ChipProps, \"icon\" | \"avatar\">> &\n  (\n    | { icon?: ChipProps[\"icon\"]; avatar?: never }\n    | { icon?: never; avatar?: ChipProps[\"avatar\"] }\n  );\n\nfunction mergeChipProps(\n  ...propSets: (PartialChipProps | Partial<ChipProps>)[]\n): ChipProps {\n  const merged = propSets.reduce(\n    (acc, props) => ({ ...acc, ...props }),\n    {} as Record<string, unknown>,\n  );\n\n  return merged as ChipProps;\n}\n\nexport type SelectTriggerBaseProps<Item = unknown> = DistributiveOmit<\n  TextFieldProps,\n  \"showCounter\" | \"prefix\"\n> & {\n  /**\n   * Should be a positive integer.\n   */\n  maxRows?: number;\n\n  /** Allows Combobox/Select to display custom-colored Chips */\n  selectedItemProps?: (item: Item, index: number) => PartialChipProps;\n} & {\n  itemToString?: (item: Item) => string;\n  removeSelectedItem?: (item: Item) => void;\n  disableClearSelection?: boolean;\n  selectedItem: Item | null;\n  selectedItems: Item[];\n\n  inputValue?: string;\n  referenceRef?: MutableRefObject<HTMLDivElement | null>;\n} & {\n  variant?: \"select\" | \"combobox\";\n  onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;\n  labelProps?: Partial<FieldLabelProps>;\n  inputWrapperProps?: ComponentPropsWithoutRef<\"div\">;\n  toggleButtonProps?: ComponentPropsWithoutRef<\"button\">;\n  chipProps?: (item: Item, index: number) => PartialChipProps;\n  inputProps?: ComponentPropsWithoutRef<\"input\" | \"div\">;\n} & {\n  prefix?: string | ReactNode;\n};\n\nexport const SelectTriggerBase = function <Item>({\n  className,\n  label,\n  size,\n  error,\n  hint,\n  description,\n  prefix,\n  suffix,\n  maxRows,\n  selectedItemProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  disabled,\n  readOnly,\n  /** ======== */\n  disableClearSelection,\n  itemToString: itemToStringProp,\n  selectedItem,\n  selectedItems,\n  removeSelectedItem,\n  inputValue,\n  referenceRef,\n  /** ======== */\n  variant = \"select\",\n  onClearButtonClick,\n  labelProps,\n  inputWrapperProps = {},\n  toggleButtonProps = {},\n  inputProps = {},\n  chipProps = (_item: Item, _index: number): PartialChipProps => ({}),\n  placeholder,\n  ...rest\n}: SelectTriggerBaseProps<Item>) {\n  const itemToString = itemToStringProp ?? defaultItemToString<Item>;\n\n  const ComboboxTriggerClassNames = cx(styles[\"search-field\"], {\n    [styles[\"select\"]]: variant === \"select\",\n  });\n\n  const noClearButton = disabled || readOnly || disableClearSelection;\n\n  const ComboboxInputWrapperClassNames = cx(\n    styles[\"input-wrapper\"],\n    className\n      ? {\n          [className]: variant === \"select\",\n        }\n      : {},\n    {\n      [styles[\"small\"]]: size === \"small\",\n      [styles[\"large\"]]: size === \"large\",\n      [styles[\"no-clear-button\"]]: noClearButton,\n    },\n  );\n\n  const ComboboxInputClassNames = cx(\n    styles[\"input\"],\n    className\n      ? {\n          [className]: variant === \"combobox\",\n        }\n      : {},\n    {\n      [styles[\"error\"]]: error,\n    },\n  );\n\n  const helperUid = \"helper\" + useId();\n  const placeholderUid = \"placeholder\" + useId();\n  const ariaDescribedBy = `${helperUid} ${placeholderUid}`;\n\n  const errorMessage = typeof error !== \"boolean\" ? error : undefined;\n\n  const rowsRef = useRef<HTMLDivElement>(null);\n  const [stillCalculating, setStillCalculating] = useState<boolean>(false);\n  const [collapsedChips, setCollapsedChips] = useState<boolean>(false);\n  const [visibleChipsCount, setVisibleChipsCount] = useState<number | null>(\n    null,\n  );\n  const [forceRenderCount, setForceRenderCount] = useState<number>(0);\n\n  useLayoutEffect(() => {\n    // we only need to do this nonsense if maxRows is set\n    if (maxRows === undefined) return;\n\n    // 1) Render with no chips collapsed, if it's already just one row, we're done\n    // 2) If there is a second row, then render again with best guess at how we should collapse\n    // 3) If there is still a second row while collapsed, then render again with one less item\n    // 4) Keep going until there is only one row, then /actually/ render\n\n    // start calculation loop, set intiial values and force re-render\n    if (stillCalculating === false) {\n      setStillCalculating(true);\n      setCollapsedChips(false);\n      setVisibleChipsCount(null);\n      setForceRenderCount((x) => x + 1);\n\n      // otherwise, calculate the number of rows\n    } else if (rowsRef?.current?.children) {\n      const children = rowsRef?.current?.children;\n\n      const rowData = Array.from(children).reduce(\n        (acc, child) => {\n          const top = child.getBoundingClientRect().top;\n\n          if (!acc.length) {\n            return [{ count: 1, top }];\n          } else if (acc[acc.length - 1].top === top) {\n            return [\n              ...acc.slice(0, -1),\n              { count: acc[acc.length - 1].count + 1, top },\n            ];\n          } else if (acc[acc.length - 1].top !== top) {\n            return [...acc, { count: 1, top }];\n          } else {\n            return acc;\n          }\n        },\n        [] as { count: number; top: number }[],\n      );\n\n      // Call it a day if:\n      // We don't have a second row OR\n      // We're already hiding everything OR\n      // There's only one item selected\n      if (\n        !rowData[maxRows] ||\n        visibleChipsCount === 0 ||\n        selectedItems.length === 1\n      ) {\n        setStillCalculating(false);\n      } else {\n        setCollapsedChips(true);\n\n        // otherwise, either guess how many visible chips we have\n        if (visibleChipsCount == null) {\n          if (rowData[maxRows]) {\n            const quickGuess = Math.max(\n              rowData\n                .slice(0, maxRows)\n                .reduce((sum, row) => sum + row.count, -1),\n              0,\n            );\n\n            setVisibleChipsCount(quickGuess);\n          } else {\n            const naiveGuess = Math.max(\n              rowData.reduce((sum, row) => sum + row.count, -2),\n              0,\n            );\n            setVisibleChipsCount(naiveGuess);\n          }\n\n          // or decrease our last guess by 1 and try again\n        } else {\n          setVisibleChipsCount(visibleChipsCount - 1);\n        }\n\n        setForceRenderCount((x) => x + 1);\n      }\n    }\n  }, [selectedItems.length, maxRows, forceRenderCount]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const selectedItemsDisplayCount =\n    collapsedChips && maxRows != null && visibleChipsCount !== null\n      ? visibleChipsCount\n      : selectedItems.length;\n\n  // TODO: Update this to use a TextField component once we can pass props\n  //       directly to both the label and the text input\n  return (\n    <div {...rest} className={ComboboxTriggerClassNames} ref={referenceRef}>\n      {label ? (\n        <FieldLabel\n          {...labelProps}\n          className={cx(styles[\"label\"], labelProps?.className)}\n        >\n          {label}\n        </FieldLabel>\n      ) : null}\n\n      <div\n        {...inputWrapperProps}\n        className={ComboboxInputWrapperClassNames}\n        {...(variant === \"select\"\n          ? {\n              \"aria-describedby\": ariaDescribedBy,\n              \"aria-labelledby\": labelProps?.id,\n            }\n          : {})}\n      >\n        <div className={styles[\"buttons-wrapper\"]}>\n          {(inputValue || selectedItem || selectedItems.length) &&\n          !noClearButton ? (\n            <div className={styles[\"close-button-wrapper\"]}>\n              <Button\n                aria-label=\"clear selection\"\n                appearance=\"ghost\"\n                size=\"small\"\n                icon={Close}\n                className={styles[\"close-button\"]}\n                onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                  e.stopPropagation();\n                  onClearButtonClick?.(e);\n                }}\n                tabIndex={-1}\n              />\n            </div>\n          ) : null}\n\n          <div className={styles[\"toggle-button-wrapper\"]}>\n            <Button\n              {...toggleButtonProps}\n              {...(variant === \"select\" ? { tabIndex: -1, inert: \"true\" } : {})}\n              className={styles[\"toggle-button\"]}\n              aria-label=\"toggle menu\"\n              icon={Chevron_Right}\n              appearance=\"ghost\"\n              size=\"small\"\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className={styles[\"prefix-wrapper\"]}>\n          {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n        </div>\n\n        <div className={styles[\"rows-wrapper\"]} ref={rowsRef}>\n          {selectedItems.length && removeSelectedItem != null\n            ? selectedItems\n                .slice(0, selectedItemsDisplayCount)\n                .map((item, index) => {\n                  return (\n                    <div\n                      key={`selected-item-${index}`}\n                      className={styles[\"chip-wrapper\"]}\n                    >\n                      <Chip\n                        {...mergeChipProps(\n                          chipProps(item, index),\n                          selectedItemProps(item, index),\n                          {\n                            label: itemToString(item),\n                            onClose:\n                              disabled || readOnly\n                                ? undefined\n                                : (_e) => {\n                                    removeSelectedItem(item);\n                                  },\n                            className: styles[\"chip\"],\n                            title: itemToString(item),\n                          },\n                        )}\n                      />\n                    </div>\n                  );\n                })\n            : null}\n\n          {collapsedChips && maxRows != null ? (\n            <div className={styles[\"chip-wrapper\"]}>\n              <Chip\n                label={`+${selectedItems.length - selectedItemsDisplayCount}`}\n                className={styles[\"chip\"]}\n                title={selectedItems\n                  .slice(selectedItemsDisplayCount)\n                  .map((item) => itemToString(item))\n                  .join(\", \")}\n              />\n            </div>\n          ) : null}\n\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            {variant === \"select\" ? (\n              <div\n                {...inputProps}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n              >\n                {selectedItems.length ? null : selectedItem ? (\n                  itemToString(selectedItem)\n                ) : (\n                  <span\n                    className={styles[\"fake-placeholder\"]}\n                    id={placeholderUid}\n                  >\n                    {placeholder}\n                  </span>\n                )}\n              </div>\n            ) : (\n              <input\n                {...inputProps}\n                placeholder={placeholder}\n                className={cx(ComboboxInputClassNames, inputProps.className)}\n                {...(inputProps[\"aria-expanded\"] != null &&\n                inputProps[\"aria-controls\"] != null\n                  ? {\n                      role: \"combobox\",\n                    }\n                  : {})}\n              />\n            )}\n\n            {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n          </Flex>\n        </div>\n      </div>\n\n      {hint || errorMessage || description ? (\n        <Helper\n          id={helperUid}\n          errorMessage={errorMessage}\n          hint={hint}\n          description={description}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["Close","Chevron_Right"],"mappings":"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"}