@multiplatform.one/forms 6.0.0

package/dist/esm/FloatingPanel/FloatingPanel.stories.native.js

@@ -0,0 +1,234 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { H4, Paragraph, Separator, Text, View, YStack } from "tamagui";
+import { FloatingPanel } from "./index.native.js";
+import { Input as InputParts } from "../InputParts/index.native.js";
+import { formCommonColors } from "../shared/colorRamps.native.js";
+var meta = {
+  title: "Forms/FloatingPanel",
+  component: FloatingPanel,
+  parameters: {
+    docs: {
+      description: {
+        component: "A floating panel that adapts: on native and sm screens, uses Sheet (slide-up); on larger web, uses a custom @floating-ui/react overlay with dropdown/dropup, scroll arrows, grow-on-scroll, and page scroll lock (same approach as Select/Combobox). Pass sheet={true} to force Sheet on desktop. Used by ColorPicker, DatePicker, TimePicker, and Duration."
+      }
+    }
+  }
+};
+var FloatingPanel_stories_default = meta;
+var Basic = {
+  name: "Main",
+  render: function render() {
+    var [open, setOpen] = useState(false);
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "Click the trigger to open the floating panel."
+      }), /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        trigger: /* @__PURE__ */_jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */_jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */_jsx(Text, {
+              children: open ? "Panel is open" : "Click to open panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */_jsx(H4, {
+            children: "Panel Content"
+          }), /* @__PURE__ */_jsx(Paragraph, {
+            children: "This is a floating panel built on Tamagui Sheet. It has a proper overlay, slide-up animation, and drag-to-dismiss."
+          }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(Paragraph, {
+            color: formCommonColors.muted,
+            children: "Drag down or tap overlay to close."
+          })]
+        })
+      })]
+    });
+  }
+};
+var ScrollableContent = {
+  render: function render2() {
+    var [open, setOpen] = useState(false);
+    var items = Array.from({
+      length: 50
+    }, function (_, i) {
+      return `Item ${i + 1}`;
+    });
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "A scrollable floating panel with many items. Drag the handle to resize."
+      }), /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        trigger: /* @__PURE__ */_jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */_jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */_jsx(Text, {
+              children: open ? "Scrollable panel open" : "Click for scrollable panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */_jsx(YStack, {
+          children: items.map(function (item) {
+            return /* @__PURE__ */_jsx(View, {
+              paddingHorizontal: "$3",
+              paddingVertical: "$2.5",
+              hoverStyle: {
+                backgroundColor: "$backgroundHover"
+              },
+              cursor: "pointer",
+              onPress: function onPress() {
+                return setOpen(false);
+              },
+              children: /* @__PURE__ */_jsx(Text, {
+                children: item
+              })
+            }, item);
+          })
+        })
+      })]
+    });
+  }
+};
+var Disabled = {
+  render: function render3() {
+    var [open, setOpen] = useState(false);
+    return /* @__PURE__ */_jsx(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        disabled: true,
+        trigger: /* @__PURE__ */_jsx(InputParts.Box, {
+          cursor: "not-allowed",
+          opacity: 0.5,
+          children: /* @__PURE__ */_jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */_jsx(Text, {
+              children: "Disabled trigger"
+            })
+          })
+        }),
+        children: /* @__PURE__ */_jsx(YStack, {
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: "You should never see this."
+          })
+        })
+      })
+    });
+  }
+};
+var FillSizing = {
+  render: function render4() {
+    var [open, setOpen] = useState(false);
+    var items = Array.from({
+      length: 30
+    }, function (_, i) {
+      return `Option ${i + 1}`;
+    });
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: 'sizing="fill" opens the panel at maximum available viewport size immediately, without requiring scroll to grow. Ideal for calendars, color pickers, and fixed-content panels.'
+      }), /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        scrollable: true,
+        sizing: "fill",
+        trigger: /* @__PURE__ */_jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */_jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */_jsx(Text, {
+              children: open ? "Fill panel open" : "Click for fill-sized panel"
+            })
+          })
+        }),
+        children: /* @__PURE__ */_jsx(YStack, {
+          children: items.map(function (item) {
+            return /* @__PURE__ */_jsx(View, {
+              paddingHorizontal: "$3",
+              paddingVertical: "$2.5",
+              hoverStyle: {
+                backgroundColor: "$backgroundHover"
+              },
+              cursor: "pointer",
+              onPress: function onPress() {
+                return setOpen(false);
+              },
+              children: /* @__PURE__ */_jsx(Text, {
+                children: item
+              })
+            }, item);
+          })
+        })
+      })]
+    });
+  }
+};
+var ForceSheet = {
+  render: function render5() {
+    var [open, setOpen] = useState(false);
+    return /* @__PURE__ */_jsxs(YStack, {
+      padding: "$4",
+      gap: "$4",
+      maxWidth: 400,
+      children: [/* @__PURE__ */_jsx(Paragraph, {
+        color: formCommonColors.muted,
+        children: "sheet forces Sheet mode even on desktop (floating panel otherwise)."
+      }), /* @__PURE__ */_jsx(FloatingPanel, {
+        open,
+        onOpenChange: setOpen,
+        sheet: true,
+        trigger: /* @__PURE__ */_jsx(InputParts.Box, {
+          cursor: "pointer",
+          children: /* @__PURE__ */_jsx(View, {
+            flex: 1,
+            paddingHorizontal: "$3",
+            paddingVertical: "$2",
+            children: /* @__PURE__ */_jsx(Text, {
+              children: open ? "Sheet open" : "Click for Sheet (forced)"
+            })
+          })
+        }),
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$3",
+          children: [/* @__PURE__ */_jsx(H4, {
+            children: "Forced Sheet"
+          }), /* @__PURE__ */_jsx(Paragraph, {
+            children: "This panel always uses Sheet, even on large screens."
+          })]
+        })
+      })]
+    });
+  }
+};
+export { Basic, Disabled, FillSizing, ForceSheet, ScrollableContent, FloatingPanel_stories_default as default };
+//# sourceMappingURL=FloatingPanel.stories.native.js.map

package/dist/esm/FloatingPanel/FloatingPanel.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","H4","Paragraph","Separator","Text","View","YStack","FloatingPanel","Input","InputParts","formCommonColors","meta","title","component","parameters","docs","description","FloatingPanel_stories_default","Basic","name","render","open","setOpen","padding","gap","maxWidth","children","color","muted","onOpenChange","trigger","Box","cursor","flex","paddingHorizontal","paddingVertical","ScrollableContent","render2","items","Array","from","length","_","i","scrollable","map","item","hoverStyle","backgroundColor","onPress","Disabled","render3","disabled","opacity"],"sources":["../../../src/FloatingPanel/FloatingPanel.stories.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAEzB,SAASC,QAAI,QAAW;AACxB,SAASC,EAAA,EAAAC,SAAA,EAAAC,SAAqB,EAAAC,IAAA,EAAAC,IAAA,EAAAC,MAAA;AAC9B,SAASC,aAAS,2BAAkB;AACpC,SAASC,KAAA,IAAAC,UAAA,QAAwB;AAwBzB,SAAAC,gBAcE,QAdF;AAtBR,IAAAC,IAAM;EACJC,KAAA,EAAO;EACPC,SAAA,EAAWN,aAAA;EACXO,UAAA,EAAY;IACVC,IAAA,EAAM;MACJC,WAAA,EAAa;QACXH,SAAA,EACE;MACJ;IACF;EACF;AACF;AAEA,IAAOI,6BAAA,GAAQN,IAAA;AAGR,IAAAO,KAAM;EACXC,IAAA,EAAM;EACNC,MAAA,EAAQ,SAAMA,OAAA;IACZ,KAAAC,IAAO,EAAAC,OAAM,IAAOtB,QAAI,MAAS;IACjC,OACE,eAAAD,KAAC,CAAAO,MAAA;MACCiB,OAAA;MAGAC,GAAA;MAAAC,QAAC;MAAAC,QAAA,kBACC7B,IAAA,CAAAK,SAAA;QACAyB,KAAA,EAAAjB,gBAAc,CAAAkB,KAAA;QACdF,QAAA,EACE;MAIA,EAGF,EACE,eAAA7B,IAAA,CAAAU,aAAI;QAAac,IACjB;QAGAQ,YACA,EAAAP,OAAA;QAAWQ,OACX,iBAACjC,IAAA,CAAAY,UAAU,CAAAsB,GAAO;UAA0DC,MAC9E;UAAAN,QAAA,iBAAA7B,IAAA,CAAAQ,IAAA;YACF4B,IAAA;YACFC,iBAAA;YAEJC,eAAA;YACFT,QAAA,iBAAA7B,IAAA,CAAAO,IAAA;cAEasB,QAAA,EAA2BL,IAAA;YAC9B;UACC;QACD;QACNK,QACE,iBAAC3B,KAAA,CAAOO,MAAA;UACNkB,GAAA;UAGAE,QAAA,GAAC,eAAA7B,IAAA,CAAAI,EAAA;YAAAyB,QAAA;UACC,IACA,eAAc7B,IAAA,CAAAK,SAAA;YACdwB,QAAU;UACV,IAQA,eAAA7B,IAAA,CAAAM,SAAC,OAEI,eAAAN,IAAA,CAAAK,SAAA;YAAAyB,KAAA,EAAAjB,gBAAA,CAAAkB,KAAA;YAECF,QAAA;UACA;QACkD;MAC3C;IAGK;EAAA;AAPP;AAUX,IAAAU,iBAAA;EAAAhB,MACF,WAAAiB,QAAA;IAAA,IACF,CAAAhB,IAAA,EAAAC,OAAA,IAAAtB,QAAA;IAEJ,IAAAsC,KAAA,GAAAC,KAAA,CAAAC,IAAA;MACFC,MAAA;IAEO,GAAM,UAAAC,CAAkB,EAAAC,CAAA;MAC7B,OAAQ,QAAMA,CAAA;IACZ;IACA,OACE,eAAA5C,KAAC,CAAAO,MAAA,EAAO;MACLiB,OAAA;MAAAC,GAAA;MAAAC,QACC;MAAAC,QACA,GACA,eAAQ7B,IAAA,CAAAK,SAAA;QACRyB,KAAA,EACEjB,gBAAA,CAAAkB,KAAC;QAOHF,QAAA;MAEA,IAEJ,eAAA7B,IAAA,CAAAU,aAAA;QAEJc,IAAA;QACFQ,YAAA,EAAAP,OAAA;QAEasB,UAAoB;QACvBd,OAAM,iBAAAjC,IAAA,CAAAY,UAAA,CAAAsB,GAAA;UACLC,MAAM,WAAW;UAClBN,QAAQ,iBAAa7B,IAAW,CAAAQ,IAAI,EAAG;YAE3C4B,IAAA;YACEC,iBAAC;YAIDC,eAAA;YAACT,QAAA,iBAAA7B,IAAA,CAAAO,IAAA;cAAAsB,QAAA,EAAAL,IAAA;YACC;UACA;QACA;QACAK,QAAO,iBAAA7B,IAAA,CAAAS,MAAA;UACPoB,QACE,EAAAY,KAAA,CAAAO,GAAA,WAACC,IAAA;YAOH,sBAAAjD,IAAC,CAAAQ,IAAA;cAEI6B,iBAAA;cAAAC,eAAA;cAECY,UAAA;gBACAC,eAAgB;cAChB;cACAhB,MAAO;cACPiB,OAAS,WAAMA,OAAQA,CAAA,EAAK;gBAE5B,OAAA3B,OAAA;cAAY;cAPPI,QAAA,iBAAA7B,IAAA,CAAAO,IAAA;gBAUXsB,QAAA,EAAAoB;cAAA;YACF,GAAAA,IAAA;UACF;QAEJ;MACF;IAGE;EACE;AACA;AAEI,IAAAI,QAAA;EAEA9B,MACA,WAAA+B,QAAA;IAAA,IAAC,CAAA9B,IAAA,EAAAC,OAAA,IAAAtB,QAAA;IAAA,sBAAAH,IAAA,CAAAS,MAAA;MAAAiB,OACC;MAAAC,GAAA,EACA;MAAcC,QACd,KAAK;MAAAC,QACL,iBACE7B,IAAA,CAAAU,aAAY;QAIZc,IAGF;QACEQ,YAAA,EAAAP,OAAA;QAAgB8B,QAChB;QAA+DtB,OACjE,iBAAAjC,IAAA,CAAAY,UAAA,CAAAsB,GAAA;UAAAC,MAAA;UACFqB,OAAA;UACF3B,QAAA,iBAAA7B,IAAA,CAAAQ,IAAA;YAEJ4B,IAAA;YACFC,iBAAA","ignoreList":[]}

package/dist/esm/FloatingPanel/index.mjs

@@ -0,0 +1,343 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { isWeb, Sheet, useMedia, View, YStack } from "tamagui";
+import { useClick, useDismiss, useInteractions } from "@floating-ui/react";
+import { ScrollArrow } from "../shared/floatingList.mjs";
+import { formInputColors } from "../shared/colorRamps.mjs";
+import { useFloatingPanel, panelTransition, panelViewportPadding } from "./useFloatingPanel.mjs";
+import { zIndex } from "../shared/zIndex.mjs";
+import { useFloatingPanel as useFloatingPanel2, panelAnimationDuration, panelGrowDuration, panelTransition as panelTransition2, panelViewportPadding as panelViewportPadding2 } from "./useFloatingPanel.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const gtSmBreakpoint = 860;
+function useViewportGtSm() {
+  const [gtSm, setGtSm] = useState(() => isWeb && typeof window !== "undefined" ? window.innerWidth > gtSmBreakpoint : false);
+  useEffect(() => {
+    if (!isWeb || typeof window === "undefined") return;
+    const handler = () => setGtSm(window.innerWidth > gtSmBreakpoint);
+    window.addEventListener("resize", handler);
+    return () => window.removeEventListener("resize", handler);
+  }, []);
+  return gtSm;
+}
+function FloatingPanel(props) {
+  const media = useMedia();
+  const viewportGtSm = useViewportGtSm();
+  const effectiveGtSm = typeof window !== "undefined" ? viewportGtSm : media.gtSm === true;
+  const shouldUseSheet = props.sheet ?? (!isWeb || !effectiveGtSm);
+  if (shouldUseSheet) return /* @__PURE__ */jsx(FloatingPanelSheet, {
+    ...props
+  });
+  return /* @__PURE__ */jsx(FloatingPanelWeb, {
+    ...props
+  });
+}
+function FloatingPanelSheet({
+  open,
+  onOpenChange,
+  trigger,
+  children,
+  scrollable,
+  disabled,
+  contentPadding = "default",
+  transition = "medium",
+  header,
+  scrollViewProps
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [position, setPosition] = useState(0);
+  const handleOpenChange = next => {
+    if (!disabled) onOpenChange(next);
+  };
+  const framePadding = contentPadding === "none" ? "$0" : knobProps.panelPadding.padding;
+  const frameGap = contentPadding === "none" ? void 0 : knobProps.gapLg.gap;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(View, {
+      onPress: () => handleOpenChange(!open),
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), /* @__PURE__ */jsxs(Sheet, {
+      modal: true,
+      open,
+      onOpenChange: handleOpenChange,
+      snapPoints: scrollable ? [92, 50, 25] : void 0,
+      snapPointsMode: scrollable ? "percent" : "fit",
+      dismissOnSnapToBottom: true,
+      position,
+      onPositionChange: setPosition,
+      zIndex: zIndex.sheet,
+      transition,
+      children: [/* @__PURE__ */jsx(Sheet.Overlay, {
+        ...{
+          transition
+        },
+        bg: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsxs(Sheet.Frame, {
+        padding: framePadding,
+        gap: frameGap,
+        children: [header, scrollable ? /* @__PURE__ */jsx(Sheet.ScrollView, {
+          flex: header ? 1 : void 0,
+          ...scrollViewProps,
+          children
+        }) : children]
+      })]
+    })]
+  });
+}
+function FloatingPanelWeb({
+  open,
+  onOpenChange,
+  trigger,
+  children,
+  disabled,
+  sizing = "grow",
+  fitContent,
+  contentPadding = "default"
+}) {
+  const isFill = sizing === "fill";
+  const overlayStyleRef = useRef(null);
+  const pinnedTopRef = useRef(0);
+  const pinnedHeightRef = useRef(0);
+  const grownRef = useRef(false);
+  const growUpOnlyRef = useRef(false);
+  const growDownOnlyRef = useRef(false);
+  const lastScrollTopRef = useRef(0);
+  const repositionFnRef = useRef(null);
+  const panel = useFloatingPanel({
+    open,
+    onOpenChange,
+    disabled,
+    repositionRef: repositionFnRef,
+    wheelGrowRef: isFill ? void 0 : grownRef,
+    fitContent,
+    onBeforeOpen: () => {
+      overlayStyleRef.current = null;
+      pinnedTopRef.current = 0;
+      pinnedHeightRef.current = 0;
+      grownRef.current = false;
+      growUpOnlyRef.current = false;
+      growDownOnlyRef.current = false;
+      lastScrollTopRef.current = 0;
+    }
+  });
+  const repositionOverlay = useCallback(() => {
+    const dropdownElement = panel.refs.floating.current;
+    const trig = panel.triggerRef.current;
+    if (!dropdownElement || !trig) return;
+    const isInitial = panel.initializingRef.current;
+    if (isInitial) dropdownElement.style.transition = "none";
+    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
+      dropdownElement.scrollTop = 0;
+    }
+    const triggerBounds = trig.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const cs = getComputedStyle(dropdownElement);
+    const borderTopWidth = parseFloat(cs.borderTopWidth) || 0;
+    const borderBottomWidth = parseFloat(cs.borderBottomWidth) || 0;
+    const totalBorderWidth = borderTopWidth + borderBottomWidth;
+    const scrollContentHeight = dropdownElement.scrollHeight;
+    const totalContentHeight = scrollContentHeight + totalBorderWidth;
+    const isDropup = panel.placement.startsWith("top");
+    if (isFill) {
+      const available = isDropup ? triggerBounds.bottom - panelViewportPadding : viewportHeight - triggerBounds.top - panelViewportPadding;
+      let height2 = Math.min(totalContentHeight, available);
+      height2 = Math.max(120, height2);
+      const top2 = isDropup ? triggerBounds.bottom - height2 : triggerBounds.top;
+      const cached2 = overlayStyleRef.current;
+      if (!cached2 || cached2.top !== top2 || cached2.maxHeight !== height2) {
+        dropdownElement.style.top = `${top2}px`;
+        dropdownElement.style.maxHeight = `${height2}px`;
+        dropdownElement.style.height = "";
+        overlayStyleRef.current = {
+          top: top2,
+          maxHeight: height2
+        };
+        void dropdownElement.offsetHeight;
+      }
+      panel.initializingRef.current = false;
+      void dropdownElement.offsetHeight;
+      if (isInitial) dropdownElement.style.transition = panelTransition;
+      requestAnimationFrame(() => {
+        if (dropdownElement) {
+          panel.updateArrows(dropdownElement);
+          requestAnimationFrame(() => {
+            if (dropdownElement) panel.updateArrows(dropdownElement);
+          });
+        }
+      });
+      return;
+    }
+    const idealTop = isDropup ? triggerBounds.bottom - totalContentHeight : triggerBounds.top;
+    const idealBottom = idealTop + totalContentHeight;
+    const pinnedTop = Math.max(panelViewportPadding, idealTop);
+    const pinnedBottom = Math.min(viewportHeight - panelViewportPadding, idealBottom);
+    const pinnedHeight = Math.max(120, pinnedBottom - pinnedTop);
+    if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
+      pinnedTopRef.current = pinnedTop;
+      pinnedHeightRef.current = pinnedHeight;
+    }
+    let top = pinnedTopRef.current;
+    let height = pinnedHeightRef.current;
+    if (grownRef.current) {
+      const canDown = Math.max(0, viewportHeight - panelViewportPadding - (top + height));
+      height += canDown;
+      const canUp = Math.max(0, top - panelViewportPadding);
+      top -= canUp;
+      height += canUp;
+    }
+    if (growUpOnlyRef.current) {
+      const canUp = Math.max(0, top - panelViewportPadding);
+      top -= canUp;
+      height += canUp;
+    }
+    if (growDownOnlyRef.current) {
+      const canDown = Math.max(0, viewportHeight - panelViewportPadding - (top + height));
+      height += canDown;
+    }
+    height = Math.min(height, viewportHeight - top - panelViewportPadding);
+    height = Math.min(height, totalContentHeight);
+    height = Math.max(120, height);
+    const availableViewport = viewportHeight - 2 * panelViewportPadding;
+    if ((grownRef.current || growUpOnlyRef.current || growDownOnlyRef.current) && height < availableViewport) {
+      if (isDropup) {
+        top = panelViewportPadding;
+      } else {
+        top = viewportHeight - panelViewportPadding - height;
+      }
+    }
+    const cached = overlayStyleRef.current;
+    if (!cached || cached.top !== top || cached.maxHeight !== height) {
+      dropdownElement.style.top = `${top}px`;
+      dropdownElement.style.maxHeight = `${height}px`;
+      dropdownElement.style.height = "";
+      overlayStyleRef.current = {
+        top,
+        maxHeight: height
+      };
+      void dropdownElement.offsetHeight;
+    }
+    panel.initializingRef.current = false;
+    void dropdownElement.offsetHeight;
+    if (isInitial) dropdownElement.style.transition = panelTransition;
+    requestAnimationFrame(() => {
+      if (dropdownElement) {
+        panel.updateArrows(dropdownElement);
+        requestAnimationFrame(() => {
+          if (dropdownElement) panel.updateArrows(dropdownElement);
+        });
+      }
+    });
+  }, [isFill, panel.placement, panel.refs, panel.triggerRef, panel.updateArrows]);
+  repositionFnRef.current = repositionOverlay;
+  const click = useClick(panel.context, {
+    event: "mousedown"
+  });
+  const dismiss = useDismiss(panel.context, {
+    // Use 'click' instead of default 'pointerdown' so scrolling to the bottom
+    // (e.g. via wheel/trackpad or scroll arrow hover) doesn't trigger outside-press.
+    outsidePressEvent: "click",
+    // Disable ancestor scroll dismissal - we handle scroll locking ourselves
+    // and don't want internal scroll at boundaries to close the panel.
+    ancestorScroll: false
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([click, dismiss]);
+  useLayoutEffect(() => {
+    if (!open || !panel.mounted) return;
+    repositionOverlay();
+  }, [open, panel.mounted, repositionOverlay, panel.y]);
+  const handleScroll = useCallback(event => {
+    const el = event.target;
+    panel.updateArrows(el);
+    if (isFill) return;
+    if (panel.initializingRef.current) {
+      lastScrollTopRef.current = el.scrollTop;
+      return;
+    }
+    const arrowDir = panel.arrowScrollDirRef.current;
+    if (arrowDir) {
+      panel.arrowScrollDirRef.current = null;
+      lastScrollTopRef.current = el.scrollTop;
+      if (arrowDir === "down") {
+        growUpOnlyRef.current = true;
+      } else {
+        growDownOnlyRef.current = true;
+      }
+      repositionFnRef.current?.();
+      return;
+    }
+    const delta = el.scrollTop - lastScrollTopRef.current;
+    lastScrollTopRef.current = el.scrollTop;
+    if (delta !== 0) {
+      grownRef.current = true;
+      repositionFnRef.current?.();
+    }
+  }, [isFill, panel.updateArrows]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(View, {
+      ...getReferenceProps({
+        ref: panel.setReferenceRef
+      }),
+      cursor: disabled ? "not-allowed" : "pointer",
+      opacity: disabled ? 0.5 : 1,
+      children: trigger
+    }), panel.mounted && /* @__PURE__ */jsxs(YStack, {
+      ...getFloatingProps({
+        ref: panel.refs.setFloating,
+        style: {
+          position: panel.strategy,
+          top: overlayStyleRef.current?.top ?? panel.y ?? 0,
+          left: panel.x ?? 0,
+          scrollbarWidth: "none",
+          zIndex: zIndex.dropdown,
+          overflow: "auto",
+          ...panel.floatingStyleRef.current,
+          ...(overlayStyleRef.current ? {
+            maxHeight: overlayStyleRef.current.maxHeight
+          } : {}),
+          boxShadow: "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)",
+          opacity: panel.visible ? 1 : 0,
+          transform: panel.visible ? "scale(1)" : "scale(0.96)",
+          transition: panelTransition,
+          transformOrigin: panel.placement.startsWith("top") ? "bottom left" : "top left"
+        },
+        onScroll: handleScroll
+      }),
+      "data-testid": "floating-panel-viewport",
+      outlineWidth: 0,
+      pointerEvents: panel.visible ? "auto" : "none",
+      backgroundColor: "$background",
+      borderRadius: panel.dropdownRadius,
+      borderWidth: panel.hasBorder ? panel.knobProps.borderRadius.borderWidth : 0,
+      borderColor: panel.hasBorder ? formInputColors.border.focus : "transparent",
+      paddingVertical: 0,
+      children: [/* @__PURE__ */jsx(ScrollArrow, {
+        direction: "up",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowUp,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      }), /* @__PURE__ */jsx(View, {
+        ...(contentPadding !== "none" ? panel.knobProps.panelPadding : void 0),
+        ...(contentPadding !== "none" ? panel.knobProps.gapLg : void 0),
+        children
+      }), /* @__PURE__ */jsx(ScrollArrow, {
+        direction: "down",
+        scrollRef: panel.refs.floating,
+        visible: panel.arrowDown,
+        arrowScrollDirRef: panel.arrowScrollDirRef
+      })]
+    })]
+  });
+}
+export { FloatingPanel, panelAnimationDuration, panelGrowDuration, panelTransition2 as panelTransition, panelViewportPadding2 as panelViewportPadding, useFloatingPanel2 as useFloatingPanel, useViewportGtSm };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/FloatingPanel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","isWeb","Sheet","useMedia","View","YStack","useClick","useDismiss","useInteractions","ScrollArrow","formInputColors","useFloatingPanel","panelTransition","panelViewportPadding","zIndex","useFloatingPanel2","panelAnimationDuration","panelGrowDuration","panelTransition2","panelViewportPadding2","Fragment","jsx","jsxs","gtSmBreakpoint","useViewportGtSm","gtSm","setGtSm","window","innerWidth","handler","addEventListener","removeEventListener","FloatingPanel","props","media","viewportGtSm","effectiveGtSm","shouldUseSheet","sheet","FloatingPanelSheet","FloatingPanelWeb","open","onOpenChange","trigger","children","scrollable","disabled","contentPadding","transition","header","scrollViewProps","knobProps","position","setPosition","handleOpenChange","next","framePadding","panelPadding","padding","frameGap","gapLg","gap","onPress","cursor","opacity","modal","snapPoints","snapPointsMode","dismissOnSnapToBottom","onPositionChange","Overlay","bg","enterStyle","exitStyle","Handle","Frame","ScrollView","flex","sizing","fitContent","isFill","overlayStyleRef","pinnedTopRef","pinnedHeightRef","grownRef","growUpOnlyRef","growDownOnlyRef","lastScrollTopRef","repositionFnRef","panel","repositionRef","wheelGrowRef","onBeforeOpen","current","repositionOverlay","dropdownElement","refs","floating","trig","triggerRef","isInitial","initializingRef","style","scrollTop","triggerBounds","getBoundingClientRect","viewportHeight","innerHeight","cs","getComputedStyle","borderTopWidth","parseFloat","borderBottomWidth","totalBorderWidth","scrollContentHeight","scrollHeight","totalContentHeight","isDropup","placement","startsWith","available","bottom","top","height2","Math","min","max","top2","cached2","maxHeight","height","offsetHeight","requestAnimationFrame","updateArrows","idealTop","idealBottom","pinnedTop","pinnedBottom","pinnedHeight","canDown","canUp","availableViewport","cached","click","context","event","dismiss","outsidePressEvent","ancestorScroll","getReferenceProps","getFloatingProps","mounted","y","handleScroll","el","target","arrowDir","arrowScrollDirRef","delta","ref","setReferenceRef","setFloating","strategy","left","x","scrollbarWidth","dropdown","overflow","floatingStyleRef","boxShadow","visible","transform","transformOrigin","onScroll","outlineWidth","pointerEvents","backgroundColor","borderRadius","dropdownRadius","borderWidth","hasBorder","borderColor","border","focus","paddingVertical","direction","scrollRef","arrowUp","arrowDown"],"sources":["../../../src/FloatingPanel/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,EAAaC,SAAA,EAAWC,eAAA,EAAiBC,MAAA,EAAQC,QAAA,QAAgB;AAC1E,SAASC,gBAAA,QAAwB;AACjC,SAASC,KAAA,EAAOC,KAAA,EAAOC,QAAA,EAAUC,IAAA,EAAMC,MAAA,QAAc;AACrD,SAASC,QAAA,EAAUC,UAAA,EAAYC,eAAA,QAAuB;AACtD,SAASC,WAAA,QAAmB;AAC5B,SAASC,eAAA,QAAuB;AAChC,SAASC,gBAAA,EAAkBC,eAAA,EAAiBC,oBAAA,QAA4B;AACxE,SAASC,MAAA,QAAc;AAGvB,SACEH,gBAAA,IAAAI,iBAAA,EACAC,sBAAA,EACAC,iBAAA,EACAL,eAAA,IAAAM,gBAAA,EACAL,oBAAA,IAAAM,qBAAA,QACK;AA+EsB,SA6BzBC,QAAA,EA7ByBC,GAAA,EAwDrBC,IAAA,QAxDqB;AAxB7B,MAAMC,cAAA,GAAiB;AAGhB,SAASC,gBAAA,EAAkB;EAChC,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAI3B,QAAA,CAAS,MAC/BE,KAAA,IAAS,OAAO0B,MAAA,KAAW,cAAcA,MAAA,CAAOC,UAAA,GAAaL,cAAA,GAAiB,KAChF;EACA3B,SAAA,CAAU,MAAM;IACd,IAAI,CAACK,KAAA,IAAS,OAAO0B,MAAA,KAAW,aAAa;IAC7C,MAAME,OAAA,GAAUA,CAAA,KAAMH,OAAA,CAAQC,MAAA,CAAOC,UAAA,GAAaL,cAAc;IAChEI,MAAA,CAAOG,gBAAA,CAAiB,UAAUD,OAAO;IACzC,OAAO,MAAMF,MAAA,CAAOI,mBAAA,CAAoB,UAAUF,OAAO;EAC3D,GAAG,EAAE;EACL,OAAOJ,IAAA;AACT;AAEO,SAASO,cAAcC,KAAA,EAA2B;EACvD,MAAMC,KAAA,GAAQ/B,QAAA,CAAS;EACvB,MAAMgC,YAAA,GAAeX,eAAA,CAAgB;EAGrC,MAAMY,aAAA,GAAgB,OAAOT,MAAA,KAAW,cAAcQ,YAAA,GAAeD,KAAA,CAAMT,IAAA,KAAS;EACpF,MAAMY,cAAA,GAAiBJ,KAAA,CAAMK,KAAA,KAAU,CAACrC,KAAA,IAAS,CAACmC,aAAA;EAElD,IAAIC,cAAA,EAAgB,OAAO,eAAAhB,GAAA,CAACkB,kBAAA;IAAoB,GAAGN;EAAA,CAAO;EAC1D,OAAO,eAAAZ,GAAA,CAACmB,gBAAA;IAAkB,GAAGP;EAAA,CAAO;AACtC;AAIA,SAASM,mBAAmB;EAC1BE,IAAA;EACAC,YAAA;EACAC,OAAA;EACAC,QAAA;EACAC,UAAA;EACAC,QAAA;EACAC,cAAA,GAAiB;EACjBC,UAAA,GAAa;EACbC,MAAA;EACAC;AACF,GAAuB;EACrB,MAAM;IAAEC;EAAU,IAAInD,gBAAA,CAAiB;EACvC,MAAM,CAACoD,QAAA,EAAUC,WAAW,IAAItD,QAAA,CAAS,CAAC;EAE1C,MAAMuD,gBAAA,GAAoBC,IAAA,IAAkB;IAC1C,IAAI,CAACT,QAAA,EAAUJ,YAAA,CAAaa,IAAI;EAClC;EAEA,MAAMC,YAAA,GAAeT,cAAA,KAAmB,SAAS,OAAOI,SAAA,CAAUM,YAAA,CAAaC,OAAA;EAC/E,MAAMC,QAAA,GAAWZ,cAAA,KAAmB,SAAS,SAAYI,SAAA,CAAUS,KAAA,CAAMC,GAAA;EAEzE,OACE,eAAAvC,IAAA,CAAAF,QAAA;IACEwB,QAAA,kBAAAvB,GAAA,CAACjB,IAAA;MACC0D,OAAA,EAASA,CAAA,KAAMR,gBAAA,CAAiB,CAACb,IAAI;MACrCsB,MAAA,EAAQjB,QAAA,GAAW,gBAAgB;MACnCkB,OAAA,EAASlB,QAAA,GAAW,MAAM;MAEzBF,QAAA,EAAAD;IAAA,CACH,GACA,eAAArB,IAAA,CAACpB,KAAA;MACC+D,KAAA,EAAK;MACLxB,IAAA;MACAC,YAAA,EAAcY,gBAAA;MACdY,UAAA,EAAYrB,UAAA,GAAa,CAAC,IAAI,IAAI,EAAE,IAAI;MACxCsB,cAAA,EAAgBtB,UAAA,GAAa,YAAY;MACzCuB,qBAAA,EAAqB;MACrBhB,QAAA;MACAiB,gBAAA,EAAkBhB,WAAA;MAClBvC,MAAA,EAAQA,MAAA,CAAOwB,KAAA;MACfU,UAAA;MAEAJ,QAAA,kBAAAvB,GAAA,CAACnB,KAAA,CAAMoE,OAAA,EAAN;QACE,GAAI;UAAEtB;QAAW;QAClBuB,EAAA,EAAG;QACHC,UAAA,EAAY;UAAER,OAAA,EAAS;QAAE;QACzBS,SAAA,EAAW;UAAET,OAAA,EAAS;QAAE;MAAA,CAC1B,GACA,eAAA3C,GAAA,CAACnB,KAAA,CAAMwE,MAAA,EAAN,EAAa,GACd,eAAApD,IAAA,CAACpB,KAAA,CAAMyE,KAAA,EAAN;QAAYjB,OAAA,EAASF,YAAA;QAAcK,GAAA,EAAKF,QAAA;QACtCf,QAAA,GAAAK,MAAA,EACAJ,UAAA,GACC,eAAAxB,GAAA,CAACnB,KAAA,CAAM0E,UAAA,EAAN;UAAiBC,IAAA,EAAM5B,MAAA,GAAS,IAAI;UAAY,GAAGC,eAAA;UACjDN;QAAA,CACH,IAEAA,QAAA;MAAA,CAEJ;IAAA,CACF;EAAA,CACF;AAEJ;AAIA,SAASJ,iBAAiB;EACxBC,IAAA;EACAC,YAAA;EACAC,OAAA;EACAC,QAAA;EACAE,QAAA;EACAgC,MAAA,GAAS;EACTC,UAAA;EACAhC,cAAA,GAAiB;AACnB,GAAuB;EACrB,MAAMiC,MAAA,GAASF,MAAA,KAAW;EAC1B,MAAMG,eAAA,GAAkBnF,MAAA,CAAkD,IAAI;EAC9E,MAAMoF,YAAA,GAAepF,MAAA,CAAO,CAAC;EAC7B,MAAMqF,eAAA,GAAkBrF,MAAA,CAAO,CAAC;EAChC,MAAMsF,QAAA,GAAWtF,MAAA,CAAO,KAAK;EAC7B,MAAMuF,aAAA,GAAgBvF,MAAA,CAAO,KAAK;EAClC,MAAMwF,eAAA,GAAkBxF,MAAA,CAAO,KAAK;EACpC,MAAMyF,gBAAA,GAAmBzF,MAAA,CAAO,CAAC;EAEjC,MAAM0F,eAAA,GAAkB1F,MAAA,CAA4B,IAAI;EAExD,MAAM2F,KAAA,GAAQ9E,gBAAA,CAAiB;IAC7B8B,IAAA;IACAC,YAAA;IACAI,QAAA;IACA4C,aAAA,EAAeF,eAAA;IACfG,YAAA,EAAcX,MAAA,GAAS,SAAYI,QAAA;IACnCL,UAAA;IACAa,YAAA,EAAcA,CAAA,KAAM;MAClBX,eAAA,CAAgBY,OAAA,GAAU;MAC1BX,YAAA,CAAaW,OAAA,GAAU;MACvBV,eAAA,CAAgBU,OAAA,GAAU;MAC1BT,QAAA,CAASS,OAAA,GAAU;MACnBR,aAAA,CAAcQ,OAAA,GAAU;MACxBP,eAAA,CAAgBO,OAAA,GAAU;MAC1BN,gBAAA,CAAiBM,OAAA,GAAU;IAC7B;EACF,CAAC;EAED,MAAMC,iBAAA,GAAoBnG,WAAA,CAAY,MAAM;IAC1C,MAAMoG,eAAA,GAAkBN,KAAA,CAAMO,IAAA,CAAKC,QAAA,CAASJ,OAAA;IAC5C,MAAMK,IAAA,GAAOT,KAAA,CAAMU,UAAA,CAAWN,OAAA;IAC9B,IAAI,CAACE,eAAA,IAAmB,CAACG,IAAA,EAAM;IAE/B,MAAME,SAAA,GAAYX,KAAA,CAAMY,eAAA,CAAgBR,OAAA;IACxC,IAAIO,SAAA,EAAWL,eAAA,CAAgBO,KAAA,CAAMtD,UAAA,GAAa;IAElD,IAAIkC,YAAA,CAAaW,OAAA,KAAY,KAAKV,eAAA,CAAgBU,OAAA,KAAY,GAAG;MAC/DE,eAAA,CAAgBQ,SAAA,GAAY;IAC9B;IAEA,MAAMC,aAAA,GAAgBN,IAAA,CAAKO,qBAAA,CAAsB;IACjD,MAAMC,cAAA,GAAiB/E,MAAA,CAAOgF,WAAA;IAC9B,MAAMC,EAAA,GAAKC,gBAAA,CAAiBd,eAAe;IAC3C,MAAMe,cAAA,GAAiBC,UAAA,CAAWH,EAAA,CAAGE,cAAc,KAAK;IACxD,MAAME,iBAAA,GAAoBD,UAAA,CAAWH,EAAA,CAAGI,iBAAiB,KAAK;IAC9D,MAAMC,gBAAA,GAAmBH,cAAA,GAAiBE,iBAAA;IAC1C,MAAME,mBAAA,GAAsBnB,eAAA,CAAgBoB,YAAA;IAC5C,MAAMC,kBAAA,GAAqBF,mBAAA,GAAsBD,gBAAA;IAEjD,MAAMI,QAAA,GAAW5B,KAAA,CAAM6B,SAAA,CAAUC,UAAA,CAAW,KAAK;IAEjD,IAAIvC,MAAA,EAAQ;MACV,MAAMwC,SAAA,GAAYH,QAAA,GACdb,aAAA,CAAciB,MAAA,GAAS5G,oBAAA,GACvB6F,cAAA,GAAiBF,aAAA,CAAckB,GAAA,GAAM7G,oBAAA;MACzC,IAAI8G,OAAA,GAASC,IAAA,CAAKC,GAAA,CAAIT,kBAAA,EAAoBI,SAAS;MACnDG,OAAA,GAASC,IAAA,CAAKE,GAAA,CAAI,KAAKH,OAAM;MAC7B,MAAMI,IAAA,GAAMV,QAAA,GAAWb,aAAA,CAAciB,MAAA,GAASE,OAAA,GAASnB,aAAA,CAAckB,GAAA;MAErE,MAAMM,OAAA,GAAS/C,eAAA,CAAgBY,OAAA;MAC/B,IAAI,CAACmC,OAAA,IAAUA,OAAA,CAAON,GAAA,KAAQK,IAAA,IAAOC,OAAA,CAAOC,SAAA,KAAcN,OAAA,EAAQ;QAChE5B,eAAA,CAAgBO,KAAA,CAAMoB,GAAA,GAAM,GAAGK,IAAG;QAClChC,eAAA,CAAgBO,KAAA,CAAM2B,SAAA,GAAY,GAAGN,OAAM;QAC3C5B,eAAA,CAAgBO,KAAA,CAAM4B,MAAA,GAAS;QAC/BjD,eAAA,CAAgBY,OAAA,GAAU;UAAE6B,GAAA,EAAAK,IAAA;UAAKE,SAAA,EAAWN;QAAO;QACnD,KAAK5B,eAAA,CAAgBoC,YAAA;MACvB;MAEA1C,KAAA,CAAMY,eAAA,CAAgBR,OAAA,GAAU;MAChC,KAAKE,eAAA,CAAgBoC,YAAA;MACrB,IAAI/B,SAAA,EAAWL,eAAA,CAAgBO,KAAA,CAAMtD,UAAA,GAAapC,eAAA;MAClDwH,qBAAA,CAAsB,MAAM;QAC1B,IAAIrC,eAAA,EAAiB;UACnBN,KAAA,CAAM4C,YAAA,CAAatC,eAAe;UAClCqC,qBAAA,CAAsB,MAAM;YAC1B,IAAIrC,eAAA,EAAiBN,KAAA,CAAM4C,YAAA,CAAatC,eAAe;UACzD,CAAC;QACH;MACF,CAAC;MACD;IACF;IAEA,MAAMuC,QAAA,GAAWjB,QAAA,GAAWb,aAAA,CAAciB,MAAA,GAASL,kBAAA,GAAqBZ,aAAA,CAAckB,GAAA;IACtF,MAAMa,WAAA,GAAcD,QAAA,GAAWlB,kBAAA;IAC/B,MAAMoB,SAAA,GAAYZ,IAAA,CAAKE,GAAA,CAAIjH,oBAAA,EAAsByH,QAAQ;IACzD,MAAMG,YAAA,GAAeb,IAAA,CAAKC,GAAA,CAAInB,cAAA,GAAiB7F,oBAAA,EAAsB0H,WAAW;IAChF,MAAMG,YAAA,GAAed,IAAA,CAAKE,GAAA,CAAI,KAAKW,YAAA,GAAeD,SAAS;IAE3D,IAAItD,YAAA,CAAaW,OAAA,KAAY,KAAKV,eAAA,CAAgBU,OAAA,KAAY,GAAG;MAC/DX,YAAA,CAAaW,OAAA,GAAU2C,SAAA;MACvBrD,eAAA,CAAgBU,OAAA,GAAU6C,YAAA;IAC5B;IAEA,IAAIhB,GAAA,GAAMxC,YAAA,CAAaW,OAAA;IACvB,IAAIqC,MAAA,GAAS/C,eAAA,CAAgBU,OAAA;IAE7B,IAAIT,QAAA,CAASS,OAAA,EAAS;MACpB,MAAM8C,OAAA,GAAUf,IAAA,CAAKE,GAAA,CAAI,GAAGpB,cAAA,GAAiB7F,oBAAA,IAAwB6G,GAAA,GAAMQ,MAAA,CAAO;MAClFA,MAAA,IAAUS,OAAA;MACV,MAAMC,KAAA,GAAQhB,IAAA,CAAKE,GAAA,CAAI,GAAGJ,GAAA,GAAM7G,oBAAoB;MACpD6G,GAAA,IAAOkB,KAAA;MACPV,MAAA,IAAUU,KAAA;IACZ;IAEA,IAAIvD,aAAA,CAAcQ,OAAA,EAAS;MACzB,MAAM+C,KAAA,GAAQhB,IAAA,CAAKE,GAAA,CAAI,GAAGJ,GAAA,GAAM7G,oBAAoB;MACpD6G,GAAA,IAAOkB,KAAA;MACPV,MAAA,IAAUU,KAAA;IACZ;IACA,IAAItD,eAAA,CAAgBO,OAAA,EAAS;MAC3B,MAAM8C,OAAA,GAAUf,IAAA,CAAKE,GAAA,CAAI,GAAGpB,cAAA,GAAiB7F,oBAAA,IAAwB6G,GAAA,GAAMQ,MAAA,CAAO;MAClFA,MAAA,IAAUS,OAAA;IACZ;IAEAT,MAAA,GAASN,IAAA,CAAKC,GAAA,CAAIK,MAAA,EAAQxB,cAAA,GAAiBgB,GAAA,GAAM7G,oBAAoB;IACrEqH,MAAA,GAASN,IAAA,CAAKC,GAAA,CAAIK,MAAA,EAAQd,kBAAkB;IAC5Cc,MAAA,GAASN,IAAA,CAAKE,GAAA,CAAI,KAAKI,MAAM;IAG7B,MAAMW,iBAAA,GAAoBnC,cAAA,GAAiB,IAAI7F,oBAAA;IAC/C,KACGuE,QAAA,CAASS,OAAA,IAAWR,aAAA,CAAcQ,OAAA,IAAWP,eAAA,CAAgBO,OAAA,KAC9DqC,MAAA,GAASW,iBAAA,EACT;MACA,IAAIxB,QAAA,EAAU;QACZK,GAAA,GAAM7G,oBAAA;MACR,OAAO;QACL6G,GAAA,GAAMhB,cAAA,GAAiB7F,oBAAA,GAAuBqH,MAAA;MAChD;IACF;IAEA,MAAMY,MAAA,GAAS7D,eAAA,CAAgBY,OAAA;IAC/B,IAAI,CAACiD,MAAA,IAAUA,MAAA,CAAOpB,GAAA,KAAQA,GAAA,IAAOoB,MAAA,CAAOb,SAAA,KAAcC,MAAA,EAAQ;MAChEnC,eAAA,CAAgBO,KAAA,CAAMoB,GAAA,GAAM,GAAGA,GAAG;MAClC3B,eAAA,CAAgBO,KAAA,CAAM2B,SAAA,GAAY,GAAGC,MAAM;MAC3CnC,eAAA,CAAgBO,KAAA,CAAM4B,MAAA,GAAS;MAC/BjD,eAAA,CAAgBY,OAAA,GAAU;QAAE6B,GAAA;QAAKO,SAAA,EAAWC;MAAO;MACnD,KAAKnC,eAAA,CAAgBoC,YAAA;IACvB;IAEA1C,KAAA,CAAMY,eAAA,CAAgBR,OAAA,GAAU;IAChC,KAAKE,eAAA,CAAgBoC,YAAA;IACrB,IAAI/B,SAAA,EAAWL,eAAA,CAAgBO,KAAA,CAAMtD,UAAA,GAAapC,eAAA;IAClDwH,qBAAA,CAAsB,MAAM;MAC1B,IAAIrC,eAAA,EAAiB;QACnBN,KAAA,CAAM4C,YAAA,CAAatC,eAAe;QAClCqC,qBAAA,CAAsB,MAAM;UAC1B,IAAIrC,eAAA,EAAiBN,KAAA,CAAM4C,YAAA,CAAatC,eAAe;QACzD,CAAC;MACH;IACF,CAAC;EACH,GAAG,CAACf,MAAA,EAAQS,KAAA,CAAM6B,SAAA,EAAW7B,KAAA,CAAMO,IAAA,EAAMP,KAAA,CAAMU,UAAA,EAAYV,KAAA,CAAM4C,YAAY,CAAC;EAE9E7C,eAAA,CAAgBK,OAAA,GAAUC,iBAAA;EAE1B,MAAMiD,KAAA,GAAQzI,QAAA,CAASmF,KAAA,CAAMuD,OAAA,EAAS;IAAEC,KAAA,EAAO;EAAY,CAAC;EAC5D,MAAMC,OAAA,GAAU3I,UAAA,CAAWkF,KAAA,CAAMuD,OAAA,EAAS;IAAA;IAAA;IAGxCG,iBAAA,EAAmB;IAAA;IAAA;IAGnBC,cAAA,EAAgB;EAClB,CAAC;EACD,MAAM;IAAEC,iBAAA;IAAmBC;EAAiB,IAAI9I,eAAA,CAAgB,CAACuI,KAAA,EAAOG,OAAO,CAAC;EAEhFrJ,eAAA,CAAgB,MAAM;IACpB,IAAI,CAAC4C,IAAA,IAAQ,CAACgD,KAAA,CAAM8D,OAAA,EAAS;IAC7BzD,iBAAA,CAAkB;EACpB,GAAG,CAACrD,IAAA,EAAMgD,KAAA,CAAM8D,OAAA,EAASzD,iBAAA,EAAmBL,KAAA,CAAM+D,CAAC,CAAC;EAEpD,MAAMC,YAAA,GAAe9J,WAAA,CAClBsJ,KAAA,IAAmB;IAClB,MAAMS,EAAA,GAAKT,KAAA,CAAMU,MAAA;IACjBlE,KAAA,CAAM4C,YAAA,CAAaqB,EAAE;IACrB,IAAI1E,MAAA,EAAQ;IACZ,IAAIS,KAAA,CAAMY,eAAA,CAAgBR,OAAA,EAAS;MACjCN,gBAAA,CAAiBM,OAAA,GAAU6D,EAAA,CAAGnD,SAAA;MAC9B;IACF;IACA,MAAMqD,QAAA,GAAWnE,KAAA,CAAMoE,iBAAA,CAAkBhE,OAAA;IACzC,IAAI+D,QAAA,EAAU;MACZnE,KAAA,CAAMoE,iBAAA,CAAkBhE,OAAA,GAAU;MAClCN,gBAAA,CAAiBM,OAAA,GAAU6D,EAAA,CAAGnD,SAAA;MAC9B,IAAIqD,QAAA,KAAa,QAAQ;QACvBvE,aAAA,CAAcQ,OAAA,GAAU;MAC1B,OAAO;QACLP,eAAA,CAAgBO,OAAA,GAAU;MAC5B;MACAL,eAAA,CAAgBK,OAAA,GAAU;MAC1B;IACF;IACA,MAAMiE,KAAA,GAAQJ,EAAA,CAAGnD,SAAA,GAAYhB,gBAAA,CAAiBM,OAAA;IAC9CN,gBAAA,CAAiBM,OAAA,GAAU6D,EAAA,CAAGnD,SAAA;IAC9B,IAAIuD,KAAA,KAAU,GAAG;MACf1E,QAAA,CAASS,OAAA,GAAU;MACnBL,eAAA,CAAgBK,OAAA,GAAU;IAC5B;EACF,GACA,CAACb,MAAA,EAAQS,KAAA,CAAM4C,YAAY,CAC7B;EAEA,OACE,eAAA/G,IAAA,CAAAF,QAAA;IACEwB,QAAA,kBAAAvB,GAAA,CAACjB,IAAA;MACE,GAAGiJ,iBAAA,CAAkB;QAAEU,GAAA,EAAKtE,KAAA,CAAMuE;MAAgB,CAAC;MACpDjG,MAAA,EAAQjB,QAAA,GAAW,gBAAgB;MACnCkB,OAAA,EAASlB,QAAA,GAAW,MAAM;MAEzBF,QAAA,EAAAD;IAAA,CACH,GAEC8C,KAAA,CAAM8D,OAAA,IACL,eAAAjI,IAAA,CAACjB,MAAA;MACE,GAAGiJ,gBAAA,CAAiB;QACnBS,GAAA,EAAKtE,KAAA,CAAMO,IAAA,CAAKiE,WAAA;QAChB3D,KAAA,EAAO;UACLlD,QAAA,EAAUqC,KAAA,CAAMyE,QAAA;UAChBxC,GAAA,EAAKzC,eAAA,CAAgBY,OAAA,EAAS6B,GAAA,IAAOjC,KAAA,CAAM+D,CAAA,IAAK;UAChDW,IAAA,EAAM1E,KAAA,CAAM2E,CAAA,IAAK;UACjBC,cAAA,EAAgB;UAChBvJ,MAAA,EAAQA,MAAA,CAAOwJ,QAAA;UACfC,QAAA,EAAU;UACV,GAAG9E,KAAA,CAAM+E,gBAAA,CAAiB3E,OAAA;UAC1B,IAAIZ,eAAA,CAAgBY,OAAA,GAAU;YAAEoC,SAAA,EAAWhD,eAAA,CAAgBY,OAAA,CAAQoC;UAAU,IAAI,CAAC;UAClFwC,SAAA,EAAW;UACXzG,OAAA,EAASyB,KAAA,CAAMiF,OAAA,GAAU,IAAI;UAC7BC,SAAA,EAAWlF,KAAA,CAAMiF,OAAA,GAAU,aAAa;UACxC1H,UAAA,EAAYpC,eAAA;UACZgK,eAAA,EAAiBnF,KAAA,CAAM6B,SAAA,CAAUC,UAAA,CAAW,KAAK,IAAI,gBAAgB;QACvE;QACAsD,QAAA,EAAUpB;MACZ,CAAC;MACD,eAAY;MACZqB,YAAA,EAAc;MACdC,aAAA,EAAetF,KAAA,CAAMiF,OAAA,GAAU,SAAS;MACxCM,eAAA,EAAgB;MAChBC,YAAA,EAAcxF,KAAA,CAAMyF,cAAA;MACpBC,WAAA,EAAa1F,KAAA,CAAM2F,SAAA,GAAY3F,KAAA,CAAMtC,SAAA,CAAU8H,YAAA,CAAaE,WAAA,GAAc;MAC1EE,WAAA,EAAa5F,KAAA,CAAM2F,SAAA,GAAY1K,eAAA,CAAgB4K,MAAA,CAAOC,KAAA,GAAQ;MAC9DC,eAAA,EAAiB;MAEjB5I,QAAA,kBAAAvB,GAAA,CAACZ,WAAA;QACCgL,SAAA,EAAU;QACVC,SAAA,EAAWjG,KAAA,CAAMO,IAAA,CAAKC,QAAA;QACtByE,OAAA,EAASjF,KAAA,CAAMkG,OAAA;QACf9B,iBAAA,EAAmBpE,KAAA,CAAMoE;MAAA,CAC3B,GACA,eAAAxI,GAAA,CAACjB,IAAA;QACE,IAAI2C,cAAA,KAAmB,SAAS0C,KAAA,CAAMtC,SAAA,CAAUM,YAAA,GAAe;QAC/D,IAAIV,cAAA,KAAmB,SAAS0C,KAAA,CAAMtC,SAAA,CAAUS,KAAA,GAAQ;QAExDhB;MAAA,CACH,GACA,eAAAvB,GAAA,CAACZ,WAAA;QACCgL,SAAA,EAAU;QACVC,SAAA,EAAWjG,KAAA,CAAMO,IAAA,CAAKC,QAAA;QACtByE,OAAA,EAASjF,KAAA,CAAMmG,SAAA;QACf/B,iBAAA,EAAmBpE,KAAA,CAAMoE;MAAA,CAC3B;IAAA,CACF;EAAA,CAEJ;AAEJ","ignoreList":[]}