@servicetitan/anvil2 1.50.0 → 1.50.2

package/dist/FieldDialog-BHgkQOhh.js

@@ -0,0 +1,519 @@
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { F as Flex } from './Flex-CjPHUTeq.js';
+import { I as Icon } from './Icon-BSuTVNaa.js';
+import { a as SvgCheckBox, b as SvgCheckBoxOutlineBlank, S as SvgIndeterminateCheckBox } from './indeterminate_check_box-B4zobNlt.js';
+import { S as SvgCheck } from './check-Cf67OWrZ.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { T as Text } from './Text-kPA-VzsB.js';
+import { S as Spinner } from './Spinner-xEFwsq8_.js';
+import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
+import { F as FieldLabel } from './FieldLabel-BWOIFXgt.js';
+import { S as SrOnly } from './SrOnly-CTsYSuby.js';
+import { a as useOnClickOutside } from './useOnClickOutside-Zw5vzxSq.js';
+import { B as computePosition, A as autoUpdate, o as offset, G as autoPlacement, i as size, t as tabbable, D as DialogContext } from './DrawerContext-rJvgnn3O.js';
+import { u as useBreakpoint } from './useBreakpoint-BGCsBhQ7.js';
+import './anvil-fonts.css';import './FieldDialog.css';/* empty css                     */
+import { S as SvgClose } from './close-DZj38AEh.js';
+import { D as DialogCancelButton } from './DialogCancelButton-CBHyI0CI.js';
+import { u as useDialogScrollLock } from './useDialogScrollLock-BW-aVboo.js';
+
+const DEFAULT_PAGE_SIZE = 20;
+const DEFAULT_CACHE_MAX_SIZE = 15;
+function useSelectFieldLoading(config) {
+  const { lazy, loadOptions: loadOptionsProp, cache: cacheConfig } = config;
+  const cacheEnabled = cacheConfig?.enabled !== false;
+  const cacheMaxSize = cacheConfig?.maxSize ?? DEFAULT_CACHE_MAX_SIZE;
+  const [options, setOptions] = useState([]);
+  const [hasMoreToLoad, setHasMoreToLoad] = useState(false);
+  const [previousGroup, setPreviousGroup] = useState(
+    null
+  );
+  const [previousPage, setPreviousPage] = useState(0);
+  const [previousOffset, setPreviousOffset] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [stateCache, setStateCache] = useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const currentSearchValueRef = useRef("");
+  const appendOptions = useCallback((newOptions) => {
+    setOptions((prevOptions) => prevOptions.concat(newOptions));
+  }, []);
+  const pageSize = lazy === "page" ? config.pageSize : DEFAULT_PAGE_SIZE;
+  const limit = lazy === "offset" ? config.limit : DEFAULT_PAGE_SIZE;
+  const restoreFromCache = useCallback((cached) => {
+    setOptions(cached.options);
+    setHasMoreToLoad(cached.hasMore);
+    setPreviousPage(cached.previousPage);
+    setPreviousOffset(cached.previousOffset);
+    setPreviousGroup(cached.previousGroup);
+  }, []);
+  useEffect(() => {
+    if (!cacheEnabled) return;
+    const searchValue = currentSearchValueRef.current;
+    if (options.length === 0) return;
+    setStateCache((prev) => {
+      if (prev.size >= cacheMaxSize) {
+        prev.clear();
+      }
+      prev.set(searchValue, {
+        options,
+        hasMore: hasMoreToLoad,
+        previousPage,
+        previousOffset,
+        previousGroup
+      });
+      return new Map(prev);
+    });
+  }, [
+    cacheEnabled,
+    cacheMaxSize,
+    options,
+    hasMoreToLoad,
+    previousPage,
+    previousOffset,
+    previousGroup
+  ]);
+  const loadOptions = useCallback(
+    async (searchValue, options2) => {
+      const isInitial = !!options2?.initial;
+      if (isInitial && cacheEnabled) {
+        const cached = stateCache.get(searchValue);
+        if (cached) {
+          currentSearchValueRef.current = searchValue;
+          restoreFromCache(cached);
+          return;
+        }
+      }
+      if (isInitial) {
+        currentSearchValueRef.current = searchValue;
+      }
+      (isInitial ? setLoading : setLoadingMore)(true);
+      try {
+        if (!lazy) {
+          const result = await loadOptionsProp(searchValue);
+          const resolved = Array.isArray(result) ? result : await result;
+          (isInitial ? setOptions : appendOptions)(resolved);
+        } else {
+          let result;
+          if (lazy === "page") {
+            const page = isInitial ? 0 : previousPage;
+            result = await loadOptionsProp(searchValue, page, pageSize);
+            setPreviousPage(isInitial ? 1 : page + 1);
+          } else if (lazy === "offset") {
+            const offset = isInitial ? 0 : previousOffset;
+            result = await loadOptionsProp(searchValue, offset, limit);
+            setPreviousOffset(isInitial ? limit : offset + limit);
+          } else if (lazy === "group") {
+            const group = isInitial ? null : previousGroup;
+            result = await loadOptionsProp(searchValue, group);
+            setPreviousGroup(
+              result.options[result.options.length - 1]?.group ?? null
+            );
+          } else {
+            throw new Error(
+              `Invalid lazy mode: ${lazy}. Expected 'page', 'offset', or 'group'.`
+            );
+          }
+          setHasMoreToLoad(result.hasMore ?? false);
+          (isInitial ? setOptions : appendOptions)(result.options);
+        }
+      } finally {
+        (isInitial ? setLoading : setLoadingMore)(false);
+      }
+    },
+    [
+      lazy,
+      pageSize,
+      limit,
+      loadOptionsProp,
+      appendOptions,
+      previousPage,
+      previousOffset,
+      previousGroup,
+      cacheEnabled,
+      stateCache,
+      restoreFromCache
+    ]
+  );
+  const loadMore = useCallback(
+    async (searchValue) => {
+      await loadOptions(searchValue, { initial: false });
+    },
+    [loadOptions]
+  );
+  const reset = useCallback(() => {
+    setOptions([]);
+    setHasMoreToLoad(false);
+    setPreviousGroup(null);
+    setPreviousPage(0);
+    setPreviousOffset(0);
+    setLoading(false);
+    setLoadingMore(false);
+  }, []);
+  const clearCache = useCallback(() => {
+    setStateCache(/* @__PURE__ */ new Map());
+  }, []);
+  return {
+    options,
+    loading,
+    loadingMore,
+    hasMore: hasMoreToLoad,
+    loadOptions,
+    loadMore,
+    reset,
+    clearCache
+  };
+}
+
+const empty = "_empty_4c4yl_6";
+const scroller = "_scroller_4c4yl_20";
+const styles$3 = {
+	"select-field-list": "_select-field-list_4c4yl_2",
+	empty: empty,
+	"load-more": "_load-more_4c4yl_13",
+	scroller: scroller};
+
+const highlighted = "_highlighted_15431_26";
+const disabled = "_disabled_15431_29";
+const single = "_single_15431_33";
+const selected = "_selected_15431_33";
+const checkbox = "_checkbox_15431_36";
+const checked = "_checked_15431_40";
+const unchecked = "_unchecked_15431_43";
+const indeterminate = "_indeterminate_15431_46";
+const styles$2 = {
+	"select-field-list-item": "_select-field-list-item_15431_2",
+	highlighted: highlighted,
+	disabled: disabled,
+	single: single,
+	selected: selected,
+	checkbox: checkbox,
+	checked: checked,
+	unchecked: unchecked,
+	indeterminate: indeterminate
+};
+
+const SelectFieldListItem = ({
+  item,
+  index,
+  highlighted,
+  disabled,
+  getItemProps,
+  selectionType,
+  checked
+}) => {
+  const checkbox = useMemo(() => {
+    if (checked === "checked")
+      return { icon: SvgCheckBox, class: styles$2["checked"] };
+    if (checked === "unchecked")
+      return { icon: SvgCheckBoxOutlineBlank, class: styles$2["unchecked"] };
+    if (checked === "indeterminate")
+      return { icon: SvgIndeterminateCheckBox, class: styles$2["indeterminate"] };
+    return { icon: SvgCheckBoxOutlineBlank, class: styles$2["unchecked"] };
+  }, [checked]);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ...getItemProps({
+        item,
+        index,
+        className: cx(styles$2["select-field-list-item"], {
+          [styles$2.highlighted]: highlighted,
+          [styles$2.selected]: checked === "checked",
+          [styles$2.disabled]: disabled,
+          [styles$2.single]: selectionType === "single",
+          [styles$2.multiple]: selectionType === "multiple"
+        })
+      }),
+      children: [
+        selectionType === "multiple" && /* @__PURE__ */ jsx("div", { children: checked === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "medium" }) : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "large",
+            svg: checkbox.icon,
+            className: cx(styles$2["checkbox"], checkbox.class)
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Flex, { grow: 1, shrink: 1, direction: "column", gap: "1", children: [
+          /* @__PURE__ */ jsx(Text, { size: "medium", children: item.original.content?.title ?? item.original.label }),
+          item.original.content?.description && /* @__PURE__ */ jsx(Text, { size: "small", children: item.original.content?.description })
+        ] }),
+        selectionType === "single" && checked === "checked" && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "medium",
+            svg: SvgCheck,
+            className: cx(styles$2["checkbox"], styles$2["checked"])
+          }
+        )
+      ]
+    },
+    item.id
+  );
+};
+
+const InView = ({
+  children,
+  onVisibilityChange,
+  rootMargin
+}) => {
+  const { ref } = useIntersectionObserver({
+    onChange: (isIntersecting) => {
+      onVisibilityChange?.(isIntersecting);
+    },
+    rootMargin
+  });
+  return /* @__PURE__ */ jsx("div", { ref, children });
+};
+
+const SelectFieldLabel = ({
+  label,
+  getLabelProps,
+  hideLabel = false,
+  labelNode,
+  moreInfo,
+  openMoreInfo,
+  moreInfoOpen,
+  required
+}) => {
+  const labelContent = /* @__PURE__ */ jsx(
+    FieldLabel,
+    {
+      ...getLabelProps(),
+      required,
+      moreInfo,
+      openMoreInfo,
+      moreInfoOpen,
+      children: labelNode ?? label
+    }
+  );
+  if (hideLabel) {
+    return /* @__PURE__ */ jsx(SrOnly, { children: labelContent });
+  }
+  return labelContent;
+};
+
+function useDebouncedCallback(callback, delay = 300) {
+  const timeoutRef = useRef(null);
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+      }
+    };
+  }, [delay]);
+  const debouncedCallback = useCallback(
+    ((...args) => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+      timeoutRef.current = setTimeout(() => {
+        callbackRef.current(...args);
+        timeoutRef.current = null;
+      }, delay);
+    }),
+    [delay]
+  );
+  return debouncedCallback;
+}
+
+const styles$1 = {
+	"field-popover": "_field-popover_aeggh_2"
+};
+
+const FieldPopover = (props) => {
+  const ref = useRef(null);
+  const { id, children, referenceElement, open, onClickOutside } = props;
+  useOnClickOutside({
+    targets: [ref.current ?? void 0, referenceElement.current ?? void 0],
+    onClickOutside,
+    disable: !open
+  });
+  useEffect(() => {
+    if (open) {
+      ref.current?.showPopover();
+    } else {
+      ref.current?.hidePopover();
+    }
+  }, [open]);
+  const updatePosition = useCallback(async () => {
+    if (!ref.current || !referenceElement.current) return;
+    const position = await computePosition(
+      referenceElement.current,
+      ref.current,
+      {
+        placement: "bottom-start",
+        middleware: [
+          offset(8),
+          autoPlacement({
+            allowedPlacements: ["bottom-start", "top-start"],
+            padding: 8
+          }),
+          size({
+            padding: 8,
+            apply({ rects, elements, availableHeight }) {
+              Object.assign(elements.floating.style, {
+                width: `${rects.reference.width}px`,
+                maxHeight: `${Math.max(0, availableHeight)}px`
+              });
+            }
+          })
+        ]
+      }
+    );
+    ref.current.style.left = `${position.x}px`;
+    ref.current.style.top = `${position.y}px`;
+  }, [ref, referenceElement]);
+  useEffect(() => {
+    if (!ref.current || !referenceElement.current || !open) return;
+    const cleanup = autoUpdate(
+      referenceElement.current,
+      ref.current,
+      updatePosition
+    );
+    return () => {
+      cleanup();
+    };
+  }, [referenceElement, ref, updatePosition, open]);
+  return /* @__PURE__ */ jsx("div", { ref, id, className: styles$1["field-popover"], popover: "manual", children });
+};
+
+function detectCoarsePointer() {
+  if (typeof window === "undefined" || !window.matchMedia) {
+    return false;
+  }
+  return window.matchMedia("(pointer: coarse)").matches;
+}
+function useAdaptiveView() {
+  const breakpoint = useBreakpoint();
+  const [hasCoarsePointer, setHasCoarsePointer] = useState(detectCoarsePointer);
+  useEffect(() => {
+    setHasCoarsePointer(detectCoarsePointer());
+    const mediaQuery = window.matchMedia("(pointer: coarse)");
+    const handleChange = (e) => {
+      setHasCoarsePointer(e.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, []);
+  const isSmallScreen = !breakpoint?.md;
+  const isMobile = isSmallScreen && hasCoarsePointer;
+  return {
+    view: isMobile ? "mobile" : "desktop",
+    isMobile,
+    isDesktop: !isMobile
+  };
+}
+
+const header = "_header_dcw9s_33";
+const field = "_field_dcw9s_2";
+const content = "_content_dcw9s_44";
+const styles = {
+	"field-dialog": "_field-dialog_dcw9s_2",
+	"field-dialog-visual-viewport-height": "_field-dialog-visual-viewport-height_dcw9s_16",
+	header: header,
+	field: field,
+	content: content
+};
+
+const FieldDialog = ({
+  id,
+  isOpen,
+  onClose,
+  field,
+  children,
+  title,
+  initialFocusResolver
+}) => {
+  const elRef = useRef(null);
+  const visualViewportHeightRef = useRef(null);
+  useDialogScrollLock({
+    open: isOpen,
+    id,
+    enableScrollChaining: false,
+    elementRef: elRef
+  });
+  const computeFocus = useCallback(
+    (focusables) => {
+      if (initialFocusResolver) {
+        return initialFocusResolver(focusables);
+      }
+      return focusables.find(
+        (focusable) => focusable.dataset.anv !== "dialog-cancel-button"
+      ) || focusables[0];
+    },
+    [initialFocusResolver]
+  );
+  useEffect(() => {
+    if (isOpen) {
+      elRef.current?.showModal();
+      if (elRef.current) {
+        computeFocus(tabbable(elRef.current)).focus();
+      }
+    } else {
+      elRef.current?.close();
+    }
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen) {
+      const handleResize = () => {
+        if (!visualViewportHeightRef.current) return;
+        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;
+        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;
+      };
+      window.visualViewport?.addEventListener("resize", handleResize);
+      return () => {
+        window.visualViewport?.removeEventListener("resize", handleResize);
+      };
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: elRef,
+      id,
+      "data-anv": "field-dialog",
+      className: styles["field-dialog"],
+      onKeyDown: (e) => {
+        if (e.code === "Escape") {
+          e.preventDefault();
+          onClose();
+        }
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles["field-dialog-visual-viewport-height"],
+          ref: visualViewportHeightRef,
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", className: styles["header"], children: [
+              /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children: title }),
+              /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { close: onClose }, children: /* @__PURE__ */ jsx(
+                DialogCancelButton,
+                {
+                  className: styles["close-button"],
+                  size: "small",
+                  appearance: "ghost",
+                  "aria-label": "Close dialog",
+                  icon: SvgClose
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["field"], children: field }),
+            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["content"], children })
+          ]
+        }
+      )
+    }
+  );
+};
+
+export { DEFAULT_PAGE_SIZE as D, FieldDialog as F, InView as I, SelectFieldListItem as S, useSelectFieldLoading as a, useDebouncedCallback as b, SelectFieldLabel as c, FieldPopover as d, styles$3 as s, useAdaptiveView as u };
+//# sourceMappingURL=FieldDialog-BHgkQOhh.js.map

package/dist/FieldDialog-BHgkQOhh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDialog-BHgkQOhh.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/SelectFieldLabel.tsx","../src/internal/hooks/useDebouncedCallback/useDebouncedCallback.ts","../src/beta/components/SelectField/internal/FieldPopover/FieldPopover.tsx","../src/beta/hooks/useAdaptiveView.tsx","../src/beta/components/SelectField/internal/FieldDialog/FieldDialog.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\";\nimport { CheckState } from \"../../../../types\";\nimport Spinner from \"../../../../components/Spinner\";\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: CheckState;\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 === \"checked\")\n      return { icon: CheckboxChecked, class: styles[\"checked\"] };\n    if (checked === \"unchecked\")\n      return { icon: CheckboxOutline, class: styles[\"unchecked\"] };\n    if (checked === \"indeterminate\")\n      return { icon: CheckboxIndeterminate, class: styles[\"indeterminate\"] };\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 === \"checked\",\n          [styles.disabled]: disabled,\n          [styles.single]: selectionType === \"single\",\n          [styles.multiple]: selectionType === \"multiple\",\n        }),\n      })}\n    >\n      {selectionType === \"multiple\" && (\n        <div>\n          {checked === \"loading\" ? (\n            <Spinner size=\"medium\" />\n          ) : (\n            <Icon\n              size=\"large\"\n              svg={checkbox.icon}\n              className={cx(styles[\"checkbox\"], checkbox.class)}\n            />\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 === \"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 { ReactNode } from \"react\";\nimport { UseComboboxPropGetters } from \"downshift\";\nimport { SelectFieldDownshiftItem } from \"../types\";\nimport { FieldLabel } from \"../../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../../components/SrOnly\";\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] - @deprecated: Use `moreInfoOpen` instead.\n * @property {boolean} [moreInfoOpen] - Controls the open state of the more info tooltip\n * @property {boolean} [hideLabel] - Visually hides the label while keeping it accessible to screen readers\n * @property {ReactNode} [labelNode] - Custom ReactNode to render as the label, overriding the default label text\n */\nexport type SelectFieldLabelProps = {\n  label: string;\n  getLabelProps: GetLabelProps;\n  hideLabel?: boolean;\n  labelNode?: ReactNode;\n  moreInfo?: ReactNode;\n  openMoreInfo?: boolean;\n  moreInfoOpen?: boolean;\n  required?: 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 * - Can visually hide the label while maintaining accessibility\n * - Supports custom label content via labelNode\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  hideLabel = false,\n  labelNode,\n  moreInfo,\n  openMoreInfo,\n  moreInfoOpen,\n  required,\n}: SelectFieldLabelProps) => {\n  const labelContent = (\n    <FieldLabel\n      {...getLabelProps()}\n      required={required}\n      moreInfo={moreInfo}\n      openMoreInfo={openMoreInfo}\n      moreInfoOpen={moreInfoOpen}\n    >\n      {labelNode ?? label}\n    </FieldLabel>\n  );\n\n  if (hideLabel) {\n    return <SrOnly>{labelContent}</SrOnly>;\n  }\n\n  return labelContent;\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 { 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 { useOnClickOutside } from \"../../../../../internal/hooks/useOnClickOutside/useOnClickOutside\";\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  onClickOutside: () => void;\n};\n\nexport const FieldPopover = (props: FieldPopoverProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { id, children, referenceElement, open, onClickOutside } = props;\n\n  useOnClickOutside({\n    targets: [ref.current ?? undefined, referenceElement.current ?? undefined],\n    onClickOutside: onClickOutside,\n    disable: !open,\n  });\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 { useCallback, useEffect, useRef } from \"react\";\nimport {\n  DialogCancelButton,\n  Flex,\n  FocusableElement,\n  Text,\n} 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\";\nimport { tabbable } from \"tabbable\";\n\nexport const FieldDialog = ({\n  id,\n  isOpen,\n  onClose,\n  field,\n  children,\n  title,\n  initialFocusResolver,\n}: {\n  id: string;\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  field: React.ReactNode;\n  children: React.ReactNode;\n  initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\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  const computeFocus = useCallback(\n    (focusables: FocusableElement[]) => {\n      if (initialFocusResolver) {\n        return initialFocusResolver(focusables);\n      }\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    },\n    [initialFocusResolver],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      elRef.current?.showModal();\n      if (elRef.current) {\n        computeFocus(tabbable(elRef.current)).focus();\n      }\n    } else {\n      elRef.current?.close();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Omitting computeFocus because we don't want to show/close the dialog on computeFocus change\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"],"names":["options","CheckboxChecked","styles","CheckboxOutline","CheckboxIndeterminate","Check","Close"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iBAAA,GAAoB;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxTO,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,SAAA;AACd,MAAA,OAAO,EAAE,IAAA,EAAMC,WAAA,EAAiB,KAAA,EAAOC,QAAA,CAAO,SAAS,CAAA,EAAE;AAC3D,IAAA,IAAI,OAAA,KAAY,WAAA;AACd,MAAA,OAAO,EAAE,IAAA,EAAMC,uBAAA,EAAiB,KAAA,EAAOD,QAAA,CAAO,WAAW,CAAA,EAAE;AAC7D,IAAA,IAAI,OAAA,KAAY,eAAA;AACd,MAAA,OAAO,EAAE,IAAA,EAAME,wBAAA,EAAuB,KAAA,EAAOF,QAAA,CAAO,eAAe,CAAA,EAAE;AACvE,IAAA,OAAO,EAAE,IAAA,EAAMC,uBAAA,EAAiB,KAAA,EAAOD,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,KAAY,SAAA;AAAA,UAC/B,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,wBAChB,KAAA,EAAA,EACE,QAAA,EAAA,OAAA,KAAY,4BACX,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,QAAA,EAAS,CAAA,mBAEvB,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,EAEJ,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,QAAA,IAAY,OAAA,KAAY,SAAA,oBACzC,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,IAvCG,IAAA,CAAK;AAAA,GAyCZ;AAEJ;;ACzDO,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;;ACGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,SAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAA6B;AAC3B,EAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,aAAA,EAAc;AAAA,MAClB,QAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MAEC,QAAA,EAAA,SAAA,IAAa;AAAA;AAAA,GAChB;AAGF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAO,GAAA,CAAC,UAAQ,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,EAC/B;AAEA,EAAA,OAAO,YAAA;AACT;;AChDO,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;;;;;;AC/CO,MAAM,YAAA,GAAe,CAAC,KAAA,KAA6B;AACxD,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AACvC,EAAA,MAAM,EAAE,EAAA,EAAI,QAAA,EAAU,gBAAA,EAAkB,IAAA,EAAM,gBAAe,GAAI,KAAA;AAEjE,EAAA,iBAAA,CAAkB;AAAA,IAChB,SAAS,CAAC,GAAA,CAAI,WAAW,MAAA,EAAW,gBAAA,CAAiB,WAAW,MAAS,CAAA;AAAA,IACzE,cAAA;AAAA,IACA,SAAS,CAAC;AAAA,GACX,CAAA;AAED,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;;ACxDA,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;;;;;;;;;;;;;AC7EO,MAAM,cAAc,CAAC;AAAA,EAC1B,EAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAQM;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,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,UAAA,KAAmC;AAClC,MAAA,IAAI,oBAAA,EAAsB;AACxB,QAAA,OAAO,qBAAqB,UAAU,CAAA;AAAA,MACxC;AACA,MAAA,OACE,UAAA,CAAW,IAAA;AAAA,QACT,CAAC,SAAA,KAAc,SAAA,CAAU,OAAA,CAAQ,GAAA,KAAQ;AAAA,OAC3C,IAAK,WAAW,CAAC,CAAA;AAAA,IAErB,CAAA;AAAA,IACA,CAAC,oBAAoB;AAAA,GACvB;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,KAAA,CAAM,SAAS,SAAA,EAAU;AACzB,MAAA,IAAI,MAAM,OAAA,EAAS;AACjB,QAAA,YAAA,CAAa,QAAA,CAAS,KAAA,CAAM,OAAO,CAAC,EAAE,KAAA,EAAM;AAAA,MAC9C;AAAA,IACF,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,SAAS,KAAA,EAAM;AAAA,IACvB;AAAA,EAEF,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;;;;"}

package/dist/{SelectFieldSync.css → FieldDialog.css}

@@ -1,30 +1,31 @@
 @layer starter, reset, base, state, application;
 @layer base {
-  ._select-field-list_dbxri_2 {
+  ._select-field-list_4c4yl_2 {
     margin: 0 !important;
+    padding: 0;
   }
-  ._empty_dbxri_5 {
+  ._empty_4c4yl_6 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 1rem;
     text-align: center;
   }
-  ._load-more_dbxri_12 {
+  ._load-more_4c4yl_13 {
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     min-height: 2.5rem;
   }
-  ._scroller_dbxri_19 {
+  ._scroller_4c4yl_20 {
     overscroll-behavior: contain;
     overflow: auto;
     height: 100%;
     max-height: inherit;
     box-sizing: border-box;
   }
-  ._scroll-sentinel_dbxri_26 {
+  ._scroll-sentinel_4c4yl_27 {
     position: relative;
     top: 0;
     width: 100%;