@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/SelectImpl.cjs

@@ -2,181 +2,212 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SelectImpl_exports = {};
 __export(SelectImpl_exports, {
   SelectInlineImpl: () => SelectInlineImpl
 });
 module.exports = __toCommonJS(SelectImpl_exports);
-var import_react = require("@floating-ui/react"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  React = __toESM(require("react"), 1),
-  import_react_dom = require("react-dom"),
-  import_constants2 = require("./constants.cjs"),
-  import_context = require("./context.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_floating = require("@tamagui/floating");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
+var import_constants2 = require("./constants.cjs");
+var import_context = require("./context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
 const SelectInlineImpl = props => {
   const {
-      scope,
-      children,
-      open = !1,
-      listContentRef,
-      setActiveIndexFast
-    } = props,
-    selectContext = (0, import_context.useSelectContext)(scope),
-    selectItemParentContext = (0, import_context.useSelectItemParentContext)(scope),
-    {
-      setActiveIndex,
-      selectedIndex,
-      activeIndexRef
-    } = selectContext,
-    {
-      setOpen,
-      setSelectedIndex
-    } = selectItemParentContext,
-    [scrollTop, setScrollTop] = React.useState(0),
-    touch = (0, import_core.useIsTouchDevice)(),
-    listItemsRef = React.useRef([]),
-    overflowRef = React.useRef(null),
-    upArrowRef = React.useRef(null),
-    downArrowRef = React.useRef(null),
-    allowSelectRef = React.useRef(!1),
-    allowMouseUpRef = React.useRef(!0),
-    selectTimeoutRef = React.useRef(null),
-    state = React.useRef({
-      isMouseOutside: !1,
-      isTyping: !1
-    }),
-    [controlledScrolling, setControlledScrolling] = React.useState(!1),
-    [fallback, setFallback] = React.useState(!1),
-    [innerOffset, setInnerOffset] = React.useState(0),
-    [blockSelection, setBlockSelection] = React.useState(!1),
-    floatingStyle = React.useRef({});
+    scope,
+    children,
+    open = false,
+    listContentRef,
+    setActiveIndexFast
+  } = props;
+  const selectContext = (0, import_context.useSelectContext)(scope);
+  const selectItemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+  const {
+    setActiveIndex,
+    selectedIndex,
+    activeIndexRef
+  } = selectContext;
+  const {
+    setOpen,
+    setSelectedIndex
+  } = selectItemParentContext;
+  const [scrollTop, setScrollTop] = React.useState(0);
+  const touch = (0, import_core.useIsTouchDevice)();
+  const listItemsRef = React.useRef([]);
+  const overflowRef = React.useRef(null);
+  const upArrowRef = React.useRef(null);
+  const downArrowRef = React.useRef(null);
+  const allowSelectRef = React.useRef(false);
+  const allowMouseUpRef = React.useRef(true);
+  const selectTimeoutRef = React.useRef(null);
+  const state = React.useRef({
+    isMouseOutside: false,
+    isTyping: false
+  });
+  const [controlledScrolling, setControlledScrolling] = React.useState(false);
+  const [fallback, setFallback] = React.useState(false);
+  const [innerOffset, setInnerOffset] = React.useState(0);
+  const [blockSelection, setBlockSelection] = React.useState(false);
+  const floatingStyle = React.useRef({});
   React.useEffect(() => {
-    open ? setActiveIndexFast(selectedIndex ?? 0) : (setScrollTop(0), setFallback(!1), setActiveIndexFast(null), setControlledScrolling(!1));
-  }, [open, selectedIndex, setActiveIndexFast]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (open) setActiveIndexFast(selectedIndex ?? 0);else {
+      setScrollTop(0);
+      setFallback(false);
+      setActiveIndexFast(null);
+      setControlledScrolling(false);
+    }
+  }, [open, selectedIndex, setActiveIndexFast]);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!open) return;
     const mouseUp = e => {
-      state.current.isMouseOutside && setOpen(!1);
+      if (state.current.isMouseOutside) setOpen(false);
     };
-    return document.addEventListener("mouseup", mouseUp), () => {
+    document.addEventListener("mouseup", mouseUp);
+    return () => {
       document.removeEventListener("mouseup", mouseUp);
     };
   }, [open]);
   const {
-      x,
-      y,
-      strategy,
-      context,
-      refs,
-      update
-    } = (0, import_react.useFloating)({
-      open,
-      onOpenChange: setOpen,
-      placement: "bottom-start",
-      whileElementsMounted: import_react.autoUpdate,
-      // eslint-disable-next-line no-constant-condition
-      middleware: [(0, import_react.size)({
-        apply({
-          rects: {
-            reference: {
-              width
-            }
+    x,
+    y,
+    strategy,
+    refs,
+    update,
+    placement: computedPlacement
+  } = (0, import_floating.useFloatingRaw)({
+    open,
+    placement: "bottom-start",
+    whileElementsMounted: import_floating.autoUpdate,
+    middleware: [(0, import_floating.size)({
+      apply({
+        rects: {
+          reference: {
+            width
           }
-        }) {
-          Object.assign(floatingStyle.current, {
-            minWidth: width + 8
-          }), refs.floating.current && Object.assign(refs.floating.current.style, floatingStyle.current);
         }
-      }), (0, import_react.inner)({
-        listRef: listItemsRef,
-        overflowRef,
-        index: selectedIndex,
-        offset: innerOffset,
-        onFallbackChange: setFallback,
-        padding: 10,
-        minItemsVisible: touch ? 10 : 4,
-        referenceOverflowThreshold: 20
-      }), (0, import_react.offset)({
-        crossAxis: -5
-      })]
-    }),
-    floatingRef = refs.floating,
-    showUpArrow = open && scrollTop > import_constants2.SCROLL_ARROW_THRESHOLD,
-    showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - import_constants2.SCROLL_ARROW_THRESHOLD,
-    isScrollable = showDownArrow || showUpArrow;
+      }) {
+        Object.assign(floatingStyle.current, {
+          minWidth: width + 8
+        });
+        if (refs.floating.current) Object.assign(refs.floating.current.style, floatingStyle.current);
+      }
+    }), (0, import_floating.inner)({
+      listRef: listItemsRef,
+      overflowRef,
+      index: selectedIndex,
+      offset: innerOffset,
+      onFallbackChange: setFallback,
+      padding: 10,
+      minItemsVisible: touch ? 10 : 4,
+      referenceOverflowThreshold: 20
+    }), (0, import_floating.offset)({
+      crossAxis: -5
+    })]
+  });
+  const floatingRef = refs.floating;
+  const showUpArrow = open && scrollTop > import_constants2.SCROLL_ARROW_THRESHOLD;
+  const showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - import_constants2.SCROLL_ARROW_THRESHOLD;
+  const isScrollable = showDownArrow || showUpArrow;
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!(typeof window > "u")) return window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update);
+    if (typeof window === "undefined") return;
+    window.addEventListener("resize", update);
+    if (open) update();
+    return () => window.removeEventListener("resize", update);
   }, [update, open]);
-  const onMatch = (0, import_core.useEvent)(index => (open ? setActiveIndex : setSelectedIndex)(index)),
-    interactionsProps = [(0, import_react.useClick)(context, {
-      event: "mousedown",
-      keyboardHandlers: !1
-    }), (0, import_react.useDismiss)(context, {
-      outsidePress: !1
-    }), (0, import_react.useRole)(context, {
-      role: "listbox"
-    }), (0, import_react.useInnerOffset)(context, {
-      enabled: !fallback && isScrollable,
-      onChange: setInnerOffset,
-      overflowRef,
-      scrollRef: refs.floating
-    }), (0, import_react.useListNavigation)(context, {
-      listRef: listItemsRef,
-      activeIndex: selectContext.activeIndex ?? 0,
-      selectedIndex,
-      // wrap onNavigate to prevent floating-ui from resetting activeIndex to null on focus loss
-      onNavigate: index => {
-        index !== null && setActiveIndex(index);
-      },
-      scrollItemIntoView: !1
-    }), (0, import_react.useTypeahead)(context, {
-      listRef: listContentRef,
-      onMatch,
-      selectedIndex,
-      activeIndex: selectContext.activeIndex,
-      onTypingChange: e => {
-        state.current.isTyping = e;
-      }
-    })],
-    interactions = (0, import_react.useInteractions)(
-    // unfortunately these memos will just always break due to floating-ui context always changing :/
-    React.useMemo(() => interactionsProps, interactionsProps)),
-    interactionsContext = React.useMemo(() => ({
+  const onMatch = (0, import_core.useEvent)(index => {
+    return (open ? setActiveIndex : setSelectedIndex)(index);
+  });
+  const dataRef = React.useRef({});
+  dataRef.current.placement = computedPlacement;
+  const interactionContext = {
+    open,
+    onOpenChange: val => setOpen(val),
+    refs: {
+      reference: refs.reference,
+      floating: refs.floating,
+      domReference: refs.reference
+    },
+    elements: {
+      reference: refs.reference?.current || null,
+      floating: refs.floating?.current || null,
+      domReference: refs.reference?.current || null
+    },
+    dataRef
+  };
+  const interactionsProps = [(0, import_floating.useClick)(interactionContext, {
+    event: "mousedown",
+    keyboardHandlers: false
+  }), (0, import_floating.useRole)(interactionContext, {
+    role: "listbox"
+  }), (0, import_floating.useInnerOffset)(interactionContext, {
+    enabled: !fallback && isScrollable,
+    onChange: setInnerOffset,
+    overflowRef,
+    scrollRef: refs.floating
+  }), (0, import_floating.useListNavigation)(interactionContext, {
+    listRef: listItemsRef,
+    activeIndex: selectContext.activeIndex ?? 0,
+    selectedIndex,
+    onNavigate: index => {
+      if (index !== null) setActiveIndex(index);
+    },
+    scrollItemIntoView: false
+  }), (0, import_floating.useTypeahead)(interactionContext, {
+    listRef: listContentRef,
+    onMatch,
+    selectedIndex,
+    activeIndex: selectContext.activeIndex,
+    onTypingChange: e => {
+      state.current.isTyping = e;
+    }
+  })];
+  const interactions = (0, import_floating.useInteractions)(React.useMemo(() => {
+    return interactionsProps;
+  }, interactionsProps));
+  const interactionsContext = React.useMemo(() => {
+    return {
       ...interactions,
       getReferenceProps() {
         return interactions.getReferenceProps({
           ref: refs.reference,
           className: "SelectTrigger",
           onKeyDown(event) {
-            (event.key === "Enter" || event.code === "Space" || event.key === " " && !state.current.isTyping) && (event.preventDefault(), setOpen(!0));
+            if (event.key === "Enter" || event.code === "Space" || event.key === " " && !state.current.isTyping) {
+              event.preventDefault();
+              setOpen(true);
+            }
           }
         });
       },
@@ -195,16 +226,18 @@ const SelectInlineImpl = props => {
             ...props2?.style
           },
           onPointerEnter() {
-            setControlledScrolling(!1), state.current.isMouseOutside = !1;
+            setControlledScrolling(false);
+            state.current.isMouseOutside = false;
           },
           onPointerLeave() {
-            state.current.isMouseOutside = !0;
+            state.current.isMouseOutside = true;
           },
           onPointerMove() {
-            state.current.isMouseOutside = !1, setControlledScrolling(!1);
+            state.current.isMouseOutside = false;
+            setControlledScrolling(false);
           },
           onKeyDown() {
-            setControlledScrolling(!0);
+            setControlledScrolling(true);
           },
           onContextMenu(e) {
             e.preventDefault();
@@ -216,45 +249,75 @@ const SelectInlineImpl = props => {
           }
         });
       }
-    }), [refs.reference.current, x, y, refs.floating.current, interactions]);
-  return (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (open) return allowMouseUpRef.current = !1, selectTimeoutRef.current = setTimeout(() => {
-      allowSelectRef.current = !0, allowMouseUpRef.current = !0;
-    }, 300), () => {
-      clearTimeout(selectTimeoutRef.current);
     };
-    allowSelectRef.current = !1, allowMouseUpRef.current = !0, setInnerOffset(0), setFallback(!1), setBlockSelection(!1);
-  }, [open]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    !open && state.current.isMouseOutside && (state.current.isMouseOutside = !1);
-  }, [open]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+  }, [refs.reference.current, x, y, refs.floating.current, interactions]);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (open) {
+      allowMouseUpRef.current = false;
+      selectTimeoutRef.current = setTimeout(() => {
+        allowSelectRef.current = true;
+        allowMouseUpRef.current = true;
+      }, 300);
+      return () => {
+        clearTimeout(selectTimeoutRef.current);
+      };
+    }
+    allowSelectRef.current = false;
+    allowMouseUpRef.current = true;
+    setInnerOffset(0);
+    setFallback(false);
+    setBlockSelection(false);
+  }, [open]);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (!open && state.current.isMouseOutside) state.current.isMouseOutside = false;
+  }, [open]);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
     function onPointerDown(e) {
       const target = e.target;
-      refs.floating.current?.contains(target) || upArrowRef.current?.contains(target) || downArrowRef.current?.contains(target) || (setOpen(!1), setControlledScrolling(!1));
+      if (!(refs.floating.current?.contains(target) || upArrowRef.current?.contains(target) || downArrowRef.current?.contains(target))) {
+        setOpen(false);
+        setControlledScrolling(false);
+      }
     }
-    if (open) return document.addEventListener("pointerdown", onPointerDown), () => {
-      document.removeEventListener("pointerdown", onPointerDown);
-    };
-  }, [open, refs, setOpen]), React.useEffect(() => {
+    if (open) {
+      document.addEventListener("pointerdown", onPointerDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+      };
+    }
+  }, [open, refs, setOpen]);
+  React.useEffect(() => {
     if (!open) return;
     const scrollActiveIntoView = index => {
-      controlledScrolling && index != null && listItemsRef.current[index]?.scrollIntoView({
+      if (controlledScrolling && index != null) listItemsRef.current[index]?.scrollIntoView({
         block: "nearest"
-      }), setScrollTop(refs.floating.current?.scrollTop ?? 0);
+      });
+      setScrollTop(refs.floating.current?.scrollTop ?? 0);
     };
-    return scrollActiveIntoView(activeIndexRef.current), selectItemParentContext.activeIndexSubscribe(scrollActiveIntoView);
-  }, [open, refs, controlledScrolling, selectItemParentContext.activeIndexSubscribe]), React.useEffect(() => {
-    open && fallback && selectedIndex != null && listItemsRef.current[selectedIndex]?.scrollIntoView({
-      block: "nearest"
-    });
-  }, [open, fallback, selectedIndex]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    refs.floating.current && fallback && (refs.floating.current.style.maxHeight = "");
-  }, [refs, fallback]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.SelectProvider, {
+    scrollActiveIntoView(activeIndexRef.current);
+    return selectItemParentContext.activeIndexSubscribe(scrollActiveIntoView);
+  }, [open, refs, controlledScrolling, selectItemParentContext.activeIndexSubscribe]);
+  React.useEffect(() => {
+    if (open && fallback) {
+      if (selectedIndex != null) listItemsRef.current[selectedIndex]?.scrollIntoView({
+        block: "nearest"
+      });
+    }
+  }, [open, fallback, selectedIndex]);
+  (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (refs.floating.current && fallback) refs.floating.current.style.maxHeight = "";
+  }, [refs, fallback]);
+  const floatingContext = React.useMemo(() => ({
+    refs,
+    dataRef
+  }), [refs]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.SelectProvider, {
     scope,
     ...selectContext,
     setScrollTop,
     setInnerOffset,
     fallback,
-    floatingContext: context,
+    floatingContext,
     canScrollDown: !!showDownArrow,
     canScrollUp: !!showUpArrow,
     controlledScrolling,
@@ -267,7 +330,7 @@ const SelectInlineImpl = props => {
       ...selectItemParentContext,
       allowMouseUpRef,
       allowSelectRef,
-      dataRef: context.dataRef,
+      dataRef,
       interactions: interactionsContext,
       listRef: listItemsRef,
       selectTimeoutRef,

package/dist/cjs/SelectImpl.native.js

@@ -5,30 +5,35 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var SelectImpl_native_exports = {};
 __export(SelectImpl_native_exports, {
   SelectInlineImpl: () => SelectInlineImpl
 });
 module.exports = __toCommonJS(SelectImpl_native_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  SelectInlineImpl = function (props) {
-    return process.env.NODE_ENV === "development" && console.warn("Sheet not implemented inline on native"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: props.children
-    });
-  };
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectInlineImpl = function (props) {
+  if (process.env.NODE_ENV === "development") {
+    console.warn("Sheet not implemented inline on native");
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: props.children
+  });
+};
 //# sourceMappingURL=SelectImpl.native.js.map

package/dist/cjs/SelectImpl.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectImpl_native_exports","__export","SelectInlineImpl","module","exports","__toCommonJS","import_jsx_runtime","require","props","process","env","NODE_ENV","console","warn","jsx","Fragment","children"],"sources":["../../src/SelectImpl.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,yBAAA;AAAA,IAAAM,kBAAA,GAAmDC,OAAA;EAIpCL,gBAAA,GAAmB,SAAAA,CAASM,KAAA,EAAO;IAC9C,OAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACzBC,OAAA,CAAQC,IAAA,CAAK,wCAAwC,GAEpC,mBAAAP,kBAAA,CAAAQ,GAAA,EAAKR,kBAAA,CAAAS,QAAA,EAAW;MACjCC,QAAA,EAAUR,KAAA,CAAMQ;IACpB,CAAC;EACL","ignoreList":[]}
+{"version":3,"names":["SelectImpl_native_exports","__export","SelectInlineImpl","module","exports","__toCommonJS","import_jsx_runtime","require","props","process","env","NODE_ENV","console","warn","jsx","Fragment","children"],"sources":["../../src/SelectImpl.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,yBAAA;AAAA,IAAAM,kBAAA,GAAmDC,OAAA;AAIxC,IAAIL,gBAAA,GAAmB,SAAAA,CAASM,KAAA,EAAO;EAC9C,IAAIC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,eAAe;IACxCC,OAAA,CAAQC,IAAA,CAAK,wCAAwC;EACzD;EACA,OAAqB,mBAAAP,kBAAA,CAAAQ,GAAA,EAAKR,kBAAA,CAAAS,QAAA,EAAW;IACjCC,QAAA,EAAUR,KAAA,CAAMQ;EACpB,CAAC;AACL","ignoreList":[]}