@tamagui/select 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/SelectItemText.native.js

@@ -1,64 +1,42 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { styled, useIsomorphicLayoutEffect } from "@tamagui/core";
-import { SizableText } from "@tamagui/text";
+import { Text, createStyledHOC, styled, useIsomorphicLayoutEffect } from "@tamagui/core";
 import * as React from "react";
 import { useSelectItemParentContext } from "./context.native.js";
+import { getSelectLabelText } from "./selectionController.native.js";
 import { useSelectItemContext } from "./SelectItem.native.js";
+
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        color: "$color",
-        ellipsis: true
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-var SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
-  var {
-    scope,
-    className,
-    ...itemTextProps
-  } = props;
-  var itemParentContext = useSelectItemParentContext(scope);
-  var ref = React.useRef(null);
-  var composedRefs = useComposedRefs(forwardedRef, ref);
-  var itemContext = useSelectItemContext(scope);
-  var contents = React.useRef(null);
-  contents.current = /* @__PURE__ */_jsx(SelectItemTextFrame, {
-    className,
-    size: itemParentContext.size,
-    id: itemContext.textId,
-    ...itemTextProps,
-    ref: composedRefs
-  });
-  useIsomorphicLayoutEffect(function () {
-    if (itemParentContext.initialValue === itemContext.value) {
-      itemParentContext.setSelectedItem(contents.current);
-    }
-  }, []);
-  useIsomorphicLayoutEffect(function () {
-    return itemParentContext.valueSubscribe(function (val) {
-      if (val === itemContext.value) {
-        itemParentContext.setSelectedItem(contents.current);
-      }
-    });
-  }, [itemContext.value]);
-  if (itemParentContext.shouldRenderWebNative) {
-    return /* @__PURE__ */_jsx(_Fragment, {
-      children: props.children
-    });
-  }
-  return /* @__PURE__ */_jsx(_Fragment, {
-    children: contents.current
-  });
+var SelectItemTextFrame = styled(Text, { displayName: ITEM_TEXT_NAME });
+var SelectItemText = createStyledHOC(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+	var { scope, className, ...itemTextProps } = props;
+	var itemParentContext = useSelectItemParentContext(scope);
+	var ref = React.useRef(null);
+	var composedRefs = useComposedRefs(forwardedRef, ref);
+	var itemContext = useSelectItemContext(scope);
+	var contents = React.useRef(null);
+	var label = React.useRef(props.children);
+	label.current = props.children;
+	var labelText = getSelectLabelText(props.children);
+	contents.current = /* @__PURE__ */ jsx(SelectItemTextFrame, {
+		className,
+		id: itemContext.textId,
+		...itemTextProps,
+		ref: composedRefs
+	});
+	useIsomorphicLayoutEffect(function() {
+		return itemParentContext.registry.registerLabel(itemContext.value, label.current, itemContext.textValue);
+	}, [
+		itemContext.textValue,
+		itemContext.value,
+		itemParentContext.registry,
+		labelText
+	]);
+	if (itemParentContext.shouldRenderWebNative) {
+		return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+	}
+	return /* @__PURE__ */ jsx(Fragment, { children: contents.current });
 });
+
 export { ITEM_TEXT_NAME, SelectItemText, SelectItemTextFrame };
 //# sourceMappingURL=SelectItemText.native.js.map

package/dist/esm/SelectItemText.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","useComposedRefs","styled","useIsomorphicLayoutEffect","SizableText","React","useSelectItemParentContext","useSelectItemContext","ITEM_TEXT_NAME","SelectItemTextFrame","name","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectItemText","styleable","SelectItemText2","props","forwardedRef","scope","className","itemTextProps","itemParentContext","ref","useRef","composedRefs","itemContext","contents","current","size","id","textId","initialValue","value","setSelectedItem","valueSubscribe","val","shouldRenderWebNative","children"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAuBC,SAAA;AAEhC,SAASC,eAAQ,+BAAiC;AAClD,SAASC,MAAA,EAAAC,yBAAmB;AAC5B,SAAAC,WAAY,QAAW;AAEvB,YAASC,KAAA;AACT,SAASC,0BAAA,QAA4B;AA6C/B,SAwBOC,oBAxBP;AAtCC,IAAAC,cAAM,mBAAiB;AAEvB,IAAAC,mBAAM,GAAAP,MAAsB,CAAAE,WAAO;EACxCM,IAAA,EAAMF,cAAA;EAENG,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,UAAA,EAAY;QACZC,KAAA,EAAO;QACPC,QAAA,EAAU;MACZ;IACF;EACF;EAEAC,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAMM,IAAAC,cAAM,GAAAZ,mBAAiB,CAAAa,SAAoB,UAAAC,gBAAAC,KAAA,EAAAC,YAAA;EAChD;IAAAC,KAAS;IAAAC,SAAA;IAAA,GAAeC;EAAO,IAAAJ,KAAc;EAC3C,IAAAK,iBAAe,GAAAvB,0BAAgC,CAAAoB,KAAA;EAG/C,IAAAI,GAAA,GAAMzB,KAAA,CAAA0B,MAAA,MAAoB;EAC1B,IAAAC,YAAY,GAAA/B,eAA4C,CAAAwB,YAAA,EAAAK,GAAA;EACxD,IAAAG,WAAM,GAAA1B,oBAAe,CAAgBmB,KAAA;EACrC,IAAAQ,QAAM,GAAA7B,KAAA,CAAA0B,MAAc;EACpBG,QAAM,CAAAC,OAAA,GAAW,eAA8BrC,IAAI,CAAAW,mBAAA;IAInDkB,SAAS;IACPS,IAAC,EAAAP,iBAAA,CAAAO,IAAA;IAAAC,EAAA,EAAAJ,WAAA,CAAAK,MAAA;IAAA,GAAAV,aACC;IAAAE,GAAA,EACAE;EAAwB;EACR7B,yBACZ;IAAA,IACJ0B,iBAAK,CAAAU,YAAA,KAAAN,WAAA,CAAAO,KAAA;MAAAX,iBAAA,CAAAY,eAAA,CAAAP,QAAA,CAAAC,OAAA;IACP;EAGF;EACEhC,yBAAI,CAAkB;IACpB,OAAA0B,iBAAkB,CAAAa,cAAgB,WAASC,GAAA,EAAO;MACpD,IAAAA,GAAA,KAAAV,WAAA,CAAAO,KAAA;QACEX,iBAAC,CAAAY,eAAA,CAAAP,QAAA,CAAAC,OAAA;MAEL;IACE;EACE,IACEF,WAAA,CAAAO,KAAA,CAAkD;EACpD,IACFX,iBAAC,CAAAe,qBAAA;IACH,OAAI,eAAkB9C,IAAA,CAAAE,SAAA;MAEtB6C,QAAI,EAAArB,KAAA,CAAAqB;IACF;EAAyB;EAG3B,sBAAO/C,IAAA,CAAAE,SAAA;IACT6C,QAAA,EAAAX,QAAA,CAAAC;EACF","ignoreList":[]}
+{"version":3,"file":"SelectItemText.native.js","names":["_Fragment"],"sources":["esm/SelectItemText.native.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { createStyledHOC, styled, Text, useIsomorphicLayoutEffect } from \"@tamagui/core\";\nimport * as React from \"react\";\nimport { useSelectItemParentContext } from \"./context\";\nimport { getSelectLabelText } from \"./selectionController\";\nimport { useSelectItemContext } from \"./SelectItem\";\nvar ITEM_TEXT_NAME = \"SelectItemText\";\nvar SelectItemTextFrame = styled(Text, {\n  displayName: ITEM_TEXT_NAME\n});\nvar SelectItemText = createStyledHOC(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {\n  var { scope, className, ...itemTextProps } = props;\n  var itemParentContext = useSelectItemParentContext(scope);\n  var ref = React.useRef(null);\n  var composedRefs = useComposedRefs(forwardedRef, ref);\n  var itemContext = useSelectItemContext(scope);\n  var contents = React.useRef(null);\n  var label = React.useRef(props.children);\n  label.current = props.children;\n  var labelText = getSelectLabelText(props.children);\n  contents.current = /* @__PURE__ */ _jsx(SelectItemTextFrame, {\n    className,\n    id: itemContext.textId,\n    ...itemTextProps,\n    ref: composedRefs\n  });\n  useIsomorphicLayoutEffect(function() {\n    return itemParentContext.registry.registerLabel(itemContext.value, label.current, itemContext.textValue);\n  }, [\n    itemContext.textValue,\n    itemContext.value,\n    itemParentContext.registry,\n    labelText\n  ]);\n  if (itemParentContext.shouldRenderWebNative) {\n    return /* @__PURE__ */ _jsx(_Fragment, {\n      children: props.children\n    });\n  }\n  return /* @__PURE__ */ _jsx(_Fragment, {\n    children: contents.current\n  });\n});\nexport {\n  ITEM_TEXT_NAME,\n  SelectItemText,\n  SelectItemTextFrame\n};\n//# sourceMappingURL=SelectItemText.js.map\n"],"mappings":";;;;;;;;;AAOA,IAAI,iBAAiB;AACrB,IAAI,sBAAsB,OAAO,MAAM,EACrC,aAAa,eACf,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACtG,IAAI,EAAE,OAAO,WAAW,GAAG,kBAAkB;CAC7C,IAAI,oBAAoB,2BAA2B,KAAK;CACxD,IAAI,MAAM,MAAM,OAAO,IAAI;CAC3B,IAAI,eAAe,gBAAgB,cAAc,GAAG;CACpD,IAAI,cAAc,qBAAqB,KAAK;CAC5C,IAAI,WAAW,MAAM,OAAO,IAAI;CAChC,IAAI,QAAQ,MAAM,OAAO,MAAM,QAAQ;CACvC,MAAM,UAAU,MAAM;CACtB,IAAI,YAAY,mBAAmB,MAAM,QAAQ;CACjD,SAAS,UAA0B,oBAAK,qBAAqB;EAC3D;EACA,IAAI,YAAY;EAChB,GAAG;EACH,KAAK;CACP,CAAC;CACD,0BAA0B,WAAW;EACnC,OAAO,kBAAkB,SAAS,cAAc,YAAY,OAAO,MAAM,SAAS,YAAY,SAAS;CACzG,GAAG;EACD,YAAY;EACZ,YAAY;EACZ,kBAAkB;EAClB;CACF,CAAC;CACD,IAAI,kBAAkB,uBAAuB;EAC3C,OAAuB,oBAAKA,UAAW,EACrC,UAAU,MAAM,SAClB,CAAC;CACH;CACA,OAAuB,oBAAKA,UAAW,EACrC,UAAU,SAAS,QACrB,CAAC;AACH,CAAC"}

package/dist/esm/SelectScrollButton.mjs

@@ -1,120 +1,108 @@
-import { autoUpdate, offset, useFloatingRaw as useFloating } from "@tamagui/floating";
+import { View, createStyledHOC, styled } from "@tamagui/core";
+import { autoUpdate, offset, useFloatingRaw } from "@tamagui/floating";
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { YStack } from "@tamagui/stacks";
+import { composeEventHandlers } from "@tamagui/helpers";
 import * as React from "react";
 import { flushSync } from "react-dom";
 import { useSelectContext } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
+
 const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
-    componentName: SCROLL_UP_BUTTON_NAME,
-    ...props,
-    dir: "up",
-    ref: forwardedRef
-  });
+const SelectScrollButtonFrame = styled(View, { displayName: "SelectScrollButton" });
+const SelectScrollUpButton = createStyledHOC(SelectScrollButtonFrame, (props, forwardedRef) => {
+	return /* @__PURE__ */ jsx(SelectScrollButtonImpl, {
+		partClassName: `is_${SCROLL_UP_BUTTON_NAME}`,
+		...props,
+		dir: "up",
+		ref: forwardedRef
+	});
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
-    componentName: SCROLL_DOWN_BUTTON_NAME,
-    ...props,
-    dir: "down",
-    ref: forwardedRef
-  });
+const SelectScrollDownButton = createStyledHOC(SelectScrollButtonFrame, (props, forwardedRef) => {
+	return /* @__PURE__ */ jsx(SelectScrollButtonImpl, {
+		partClassName: `is_${SCROLL_DOWN_BUTTON_NAME}`,
+		...props,
+		dir: "down",
+		ref: forwardedRef
+	});
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef) => {
-  const {
-    scope,
-    dir,
-    componentName,
-    ...scrollIndicatorProps
-  } = props;
-  const {
-    forceUpdate,
-    open,
-    fallback,
-    setScrollTop,
-    setInnerOffset,
-    ...context
-  } = useSelectContext(scope);
-  const floatingRef = context.floatingContext?.refs.floating;
-  const statusRef = React.useRef("idle");
-  const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
-  const frameRef = React.useRef(null);
-  const {
-    x,
-    y,
-    refs,
-    strategy
-  } = useFloating({
-    open: open && isVisible,
-    strategy: "fixed",
-    elements: {
-      reference: floatingRef?.current
-    },
-    placement: dir === "up" ? "top" : "bottom",
-    middleware: [offset(({
-      rects
-    }) => -rects.floating.height)],
-    whileElementsMounted: (...args) => autoUpdate(...args, {
-      animationFrame: true
-    })
-  });
-  const composedRef = useComposedRefs(forwardedRef, refs.setFloating);
-  if (!isVisible) {
-    return null;
-  }
-  const onScroll = amount => {
-    const floating = floatingRef;
-    if (!floating) return;
-    if (fallback) {
-      if (floating.current) {
-        floating.current.scrollTop -= amount;
-        flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));
-      }
-    } else {
-      flushSync(() => setInnerOffset(value => value - amount));
-    }
-  };
-  return /* @__PURE__ */jsx(YStack, {
-    ref: composedRef,
-    componentName,
-    "aria-hidden": true,
-    ...scrollIndicatorProps,
-    zIndex: 1e3,
-    position: strategy,
-    left: x || 0,
-    top: y || 0,
-    width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
-    onPointerEnter: () => {
-      statusRef.current = "active";
-      let prevNow = Date.now();
-      function frame() {
-        const element = floatingRef?.current;
-        if (element) {
-          const currentNow = Date.now();
-          const msElapsed = currentNow - prevNow;
-          prevNow = currentNow;
-          const pixelsToScroll = msElapsed / 2;
-          const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
-          const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
-          onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels));
-          if (scrollRemaining) {
-            frameRef.current = requestAnimationFrame(frame);
-          }
-        }
-      }
-      cancelAnimationFrame(frameRef.current);
-      frameRef.current = requestAnimationFrame(frame);
-    },
-    onPointerLeave: () => {
-      statusRef.current = "idle";
-      cancelAnimationFrame(frameRef.current);
-    }
-  });
+const SelectScrollButtonImpl = React.memo(createStyledHOC(SelectScrollButtonFrame, (props, forwardedRef) => {
+	const { scope, dir, partClassName, ...scrollIndicatorProps } = props;
+	const { className, onPointerEnter, onPointerLeave, ...frameProps } = scrollIndicatorProps;
+	const { open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(scope);
+	const floatingRef = context.floatingContext?.refs.floating;
+	const statusRef = React.useRef("idle");
+	const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
+	const frameRef = React.useRef(null);
+	const { x, y, refs, strategy } = useFloatingRaw({
+		open: open && isVisible,
+		strategy: "fixed",
+		elements: { reference: floatingRef?.current },
+		placement: dir === "up" ? "top" : "bottom",
+		middleware: [offset(({ rects }) => -rects.floating.height)],
+		whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true })
+	});
+	const setFloatingRef = React.useCallback((node) => {
+		refs.setFloating(node);
+	}, [refs.setFloating]);
+	const composedRef = useComposedRefs(forwardedRef, setFloatingRef);
+	React.useEffect(() => {
+		return () => cancelAnimationFrame(frameRef.current);
+	}, []);
+	if (!isVisible) {
+		return null;
+	}
+	const onScroll = (amount) => {
+		const floating = floatingRef;
+		if (!floating) return;
+		if (fallback) {
+			if (floating.current) {
+				floating.current.scrollTop -= amount;
+				flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));
+			}
+		} else {
+			flushSync(() => setInnerOffset((value) => value - amount));
+		}
+	};
+	return /* @__PURE__ */ jsx(SelectScrollButtonFrame, {
+		ref: composedRef,
+		className: `${partClassName} ${className || ""}`.trim(),
+		"aria-hidden": true,
+		...frameProps,
+		zIndex: 1e3,
+		position: strategy,
+		left: x || 0,
+		top: y || 0,
+		width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
+		onPointerEnter: composeEventHandlers(onPointerEnter, () => {
+			statusRef.current = "active";
+			let prevNow = Date.now();
+			function frame() {
+				const element = floatingRef?.current;
+				if (element) {
+					const currentNow = Date.now();
+					const msElapsed = currentNow - prevNow;
+					prevNow = currentNow;
+					const pixelsToScroll = msElapsed / 2;
+					const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
+					const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
+					onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels));
+					if (scrollRemaining) {
+						frameRef.current = requestAnimationFrame(frame);
+					}
+				}
+			}
+			cancelAnimationFrame(frameRef.current);
+			frameRef.current = requestAnimationFrame(frame);
+		}),
+		onPointerLeave: composeEventHandlers(onPointerLeave, () => {
+			statusRef.current = "idle";
+			cancelAnimationFrame(frameRef.current);
+		})
+	});
 }));
-export { SelectScrollDownButton, SelectScrollUpButton };
+
+export { SelectScrollButtonFrame, SelectScrollDownButton, SelectScrollUpButton };
 //# sourceMappingURL=SelectScrollButton.mjs.map

package/dist/esm/SelectScrollButton.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["autoUpdate","offset","useFloatingRaw","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectScrollButton.js","names":["useFloating"],"sources":["esm/SelectScrollButton.js"],"sourcesContent":["import { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { autoUpdate, offset, useFloatingRaw as useFloating } from \"@tamagui/floating\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useSelectContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst SCROLL_UP_BUTTON_NAME = \"SelectScrollUpButton\";\nconst SelectScrollButtonFrame = styled(View, {\n  displayName: \"SelectScrollButton\"\n});\nconst SelectScrollUpButton = createStyledHOC(\n  SelectScrollButtonFrame,\n  (props, forwardedRef) => {\n    return /* @__PURE__ */ jsx(\n      SelectScrollButtonImpl,\n      {\n        partClassName: `is_${SCROLL_UP_BUTTON_NAME}`,\n        ...props,\n        dir: \"up\",\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;\nconst SCROLL_DOWN_BUTTON_NAME = \"SelectScrollDownButton\";\nconst SelectScrollDownButton = createStyledHOC(\n  SelectScrollButtonFrame,\n  (props, forwardedRef) => {\n    return /* @__PURE__ */ jsx(\n      SelectScrollButtonImpl,\n      {\n        partClassName: `is_${SCROLL_DOWN_BUTTON_NAME}`,\n        ...props,\n        dir: \"down\",\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;\nconst SelectScrollButtonImpl = React.memo(\n  createStyledHOC(\n    SelectScrollButtonFrame,\n    (props, forwardedRef) => {\n      const { scope, dir, partClassName, ...scrollIndicatorProps } = props;\n      const { className, onPointerEnter, onPointerLeave, ...frameProps } = scrollIndicatorProps;\n      const { open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(scope);\n      const floatingRef = context.floatingContext?.refs.floating;\n      const statusRef = React.useRef(\"idle\");\n      const isVisible = context[dir === \"down\" ? \"canScrollDown\" : \"canScrollUp\"];\n      const frameRef = React.useRef(null);\n      const { x, y, refs, strategy } = useFloating({\n        open: open && isVisible,\n        strategy: \"fixed\",\n        elements: {\n          reference: floatingRef?.current\n        },\n        placement: dir === \"up\" ? \"top\" : \"bottom\",\n        middleware: [offset(({ rects }) => -rects.floating.height)],\n        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true })\n      });\n      const setFloatingRef = React.useCallback(\n        (node) => {\n          refs.setFloating(node);\n        },\n        [refs.setFloating]\n      );\n      const composedRef = useComposedRefs(forwardedRef, setFloatingRef);\n      React.useEffect(() => {\n        return () => cancelAnimationFrame(frameRef.current);\n      }, []);\n      if (!isVisible) {\n        return null;\n      }\n      const onScroll = (amount) => {\n        const floating = floatingRef;\n        if (!floating) return;\n        if (fallback) {\n          if (floating.current) {\n            floating.current.scrollTop -= amount;\n            flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));\n          }\n        } else {\n          flushSync(() => setInnerOffset((value) => value - amount));\n        }\n      };\n      return /* @__PURE__ */ jsx(\n        SelectScrollButtonFrame,\n        {\n          ref: composedRef,\n          className: `${partClassName} ${className || \"\"}`.trim(),\n          \"aria-hidden\": true,\n          ...frameProps,\n          zIndex: 1e3,\n          position: strategy,\n          left: x || 0,\n          top: y || 0,\n          width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,\n          onPointerEnter: composeEventHandlers(onPointerEnter, () => {\n            statusRef.current = \"active\";\n            let prevNow = Date.now();\n            function frame() {\n              const element = floatingRef?.current;\n              if (element) {\n                const currentNow = Date.now();\n                const msElapsed = currentNow - prevNow;\n                prevNow = currentNow;\n                const pixelsToScroll = msElapsed / 2;\n                const remainingPixels = dir === \"up\" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;\n                const scrollRemaining = dir === \"up\" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;\n                onScroll(\n                  dir === \"up\" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)\n                );\n                if (scrollRemaining) {\n                  frameRef.current = requestAnimationFrame(frame);\n                }\n              }\n            }\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = requestAnimationFrame(frame);\n          }),\n          onPointerLeave: composeEventHandlers(onPointerLeave, () => {\n            statusRef.current = \"idle\";\n            cancelAnimationFrame(frameRef.current);\n          })\n        }\n      );\n    }\n  )\n);\nexport {\n  SelectScrollButtonFrame,\n  SelectScrollDownButton,\n  SelectScrollUpButton\n};\n//# sourceMappingURL=SelectScrollButton.js.map\n"],"mappings":"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"}

package/dist/esm/SelectScrollButton.native.js

@@ -1,8 +1,12 @@
-var SelectScrollUpButton = function (_) {
-  return null;
-};
-var SelectScrollDownButton = function (_) {
-  return null;
-};
-export { SelectScrollDownButton, SelectScrollUpButton };
+import { View, createStyledHOC, styled } from "@tamagui/core";
+
+var SelectScrollButtonFrame = styled(View, { displayName: "SelectScrollButton" });
+var SelectScrollUpButton = createStyledHOC(SelectScrollButtonFrame, function(_props) {
+	return null;
+});
+var SelectScrollDownButton = createStyledHOC(SelectScrollButtonFrame, function(_props) {
+	return null;
+});
+
+export { SelectScrollButtonFrame, SelectScrollDownButton, SelectScrollUpButton };
 //# sourceMappingURL=SelectScrollButton.native.js.map

package/dist/esm/SelectScrollButton.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectScrollUpButton","_","SelectScrollDownButton"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAIA,oBAAA,GAAuB,SAAAA,CAASC,CAAA,EAAG;EAC1C,OAAO;AACX;AACO,IAAIC,sBAAA,GAAyB,SAAAA,CAASD,CAAA,EAAG;EAC5C,OAAO;AACX","ignoreList":[]}
+{"version":3,"file":"SelectScrollButton.native.js","names":[],"sources":["esm/SelectScrollButton.native.js"],"sourcesContent":["import { createStyledHOC, styled, View } from \"@tamagui/core\";\nvar SelectScrollButtonFrame = styled(View, {\n  displayName: \"SelectScrollButton\"\n});\nvar SelectScrollUpButton = createStyledHOC(SelectScrollButtonFrame, function(_props) {\n  return null;\n});\nvar SelectScrollDownButton = createStyledHOC(SelectScrollButtonFrame, function(_props) {\n  return null;\n});\nexport {\n  SelectScrollButtonFrame,\n  SelectScrollDownButton,\n  SelectScrollUpButton\n};\n//# sourceMappingURL=SelectScrollButton.native.js.map\n"],"mappings":";;;AACA,IAAI,0BAA0B,OAAO,MAAM,EACzC,aAAa,qBACf,CAAC;AACD,IAAI,uBAAuB,gBAAgB,yBAAyB,SAAS,QAAQ;CACnF,OAAO;AACT,CAAC;AACD,IAAI,yBAAyB,gBAAgB,yBAAyB,SAAS,QAAQ;CACrF,OAAO;AACT,CAAC"}

package/dist/esm/SelectTrigger.mjs

@@ -1,63 +1,61 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { ListItem } from "@tamagui/list-item";
-import * as React from "react";
+import { isWeb } from "@tamagui/constants";
+import { View, createChangeEventDetails, createStyledHOC, styled } from "@tamagui/core";
+import { composeEventHandlers } from "@tamagui/helpers";
 import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
-const TRIGGER_NAME = "SelectTrigger";
-const isPointerCoarse = typeof window !== "undefined" && true ? window.matchMedia("(pointer:coarse)").matches : true;
-const SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {
-  const {
-    scope,
-    disabled = false,
-    unstyled = false,
-    ...triggerProps
-  } = props;
-  const context = useSelectContext(scope);
-  const itemParentContext = useSelectItemParentContext(scope);
-  const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
-  if (itemParentContext.shouldRenderWebNative) return null;
-  return /* @__PURE__ */jsx(ListItem, {
-    componentName: TRIGGER_NAME,
-    unstyled,
-    render: "button",
-    type: "button",
-    id: itemParentContext.id,
-    ...(!unstyled && {
-      focusVisibleStyle: {
-        outlineStyle: "solid",
-        outlineWidth: 2,
-        outlineColor: "$outlineColor"
-      },
-      borderWidth: 1,
-      size: itemParentContext.size
-    }),
-    role: "combobox",
-    "aria-haspopup": "listbox",
-    "aria-expanded": context.open,
-    "aria-autocomplete": "none",
-    dir: context.dir,
-    disabled,
-    "data-disabled": disabled ? "" : void 0,
-    ...triggerProps,
-    ref: composedRefs,
-    ...(itemParentContext.interactions ? {
-      ...itemParentContext.interactions.getReferenceProps(),
-      ...(isPointerCoarse ? {
-        onPress() {
-          itemParentContext.setOpen(!context.open);
-        }
-      } : {
-        onMouseDown() {
-          context.floatingContext?.update?.();
-          itemParentContext.setOpen(!context.open);
-        }
-      })
-    } : {
-      onPress() {
-        itemParentContext.setOpen(!context.open);
-      }
-    })
-  });
+
+const SelectTriggerFrame = styled(View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ jsx("button", { type: "button" })
 });
-export { SelectTrigger };
+const SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	const { scope, disabled = false, ...triggerProps } = props;
+	const context = useSelectContext(scope);
+	const itemParentContext = useSelectItemParentContext(scope);
+	const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
+	if (itemParentContext.shouldRenderWebNative) return null;
+	const toggleOpen = (event, reason = "trigger-press") => {
+		if (!disabled) itemParentContext.requestOpenChange(!context.open, createChangeEventDetails(reason, event?.nativeEvent || event, event?.currentTarget));
+	};
+	const interactionProps = itemParentContext.interactions ? itemParentContext.interactions.getReferenceProps({
+		...triggerProps,
+		onMouseDown: composeEventHandlers(triggerProps.onMouseDown, () => context.floatingContext?.update?.())
+	}) : {
+		...triggerProps,
+		...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, (event) => {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: composeEventHandlers(triggerProps.onPress, toggleOpen) },
+		onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggleOpen(event, "keyboard");
+			}
+		})
+	};
+	return /* @__PURE__ */ jsx(SelectTriggerFrame, {
+		type: "button",
+		id: itemParentContext.id,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": context.open,
+		"data-state": context.open ? "open" : "closed",
+		"aria-autocomplete": "none",
+		accessibilityRole: isWeb ? void 0 : "button",
+		accessibilityState: isWeb ? void 0 : {
+			expanded: context.open,
+			disabled
+		},
+		dir: context.dir,
+		disabled,
+		"data-disabled": disabled ? "" : void 0,
+		...interactionProps,
+		ref: composedRefs
+	});
+});
+
+export { SelectTrigger, SelectTriggerFrame };
 //# sourceMappingURL=SelectTrigger.mjs.map

package/dist/esm/SelectTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["SelectTrigger.mjs"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { ListItem } from \"@tamagui/list-item\";\nimport * as React from \"react\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst TRIGGER_NAME = \"SelectTrigger\";\nconst isPointerCoarse = typeof window !== \"undefined\" && true ? window.matchMedia(\"(pointer:coarse)\").matches : true;\nconst SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {\n\tconst { scope, disabled = false, unstyled = false, ...triggerProps } = props;\n\tconst context = useSelectContext(scope);\n\tconst itemParentContext = useSelectItemParentContext(scope);\n\tconst composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\treturn /* @__PURE__ */ jsx(ListItem, {\n\t\tcomponentName: TRIGGER_NAME,\n\t\tunstyled,\n\t\trender: \"button\",\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\t...!unstyled && {\n\t\t\tfocusVisibleStyle: {\n\t\t\t\toutlineStyle: \"solid\",\n\t\t\t\toutlineWidth: 2,\n\t\t\t\toutlineColor: \"$outlineColor\"\n\t\t\t},\n\t\t\tborderWidth: 1,\n\t\t\tsize: itemParentContext.size\n\t\t},\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"aria-autocomplete\": \"none\",\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...triggerProps,\n\t\tref: composedRefs,\n\t\t...itemParentContext.interactions ? {\n\t\t\t...itemParentContext.interactions.getReferenceProps(),\n\t\t\t...isPointerCoarse ? { onPress() {\n\t\t\t\titemParentContext.setOpen(!context.open);\n\t\t\t} } : { onMouseDown() {\n\t\t\t\tcontext.floatingContext?.update?.();\n\t\t\t\titemParentContext.setOpen(!context.open);\n\t\t\t} }\n\t\t} : { onPress() {\n\t\t\titemParentContext.setOpen(!context.open);\n\t\t} }\n\t});\n});\n\nexport { SelectTrigger };"],"mappings":"AAAA,SAASA,eAAe,QAAQ,uBAAuB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,EAAEC,0BAA0B,QAAQ,eAAW;AACxE,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,MAAMC,YAAY,GAAG,eAAe;AACpC,MAAMC,eAAe,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAI,IAAI,GAAGA,MAAM,CAACC,UAAU,CAAC,kBAAkB,CAAC,CAACC,OAAO,GAAG,IAAI;AACpH,MAAMC,aAAa,GAAGT,KAAK,CAACU,UAAU,CAAC,SAASC,cAAcA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnF,MAAM;IAAEC,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGL,KAAK;EAC5E,MAAMM,OAAO,GAAGjB,gBAAgB,CAACa,KAAK,CAAC;EACvC,MAAMK,iBAAiB,GAAGjB,0BAA0B,CAACY,KAAK,CAAC;EAC3D,MAAMM,YAAY,GAAGtB,eAAe,CAACe,YAAY,EAAEK,OAAO,CAACG,eAAe,EAAEC,IAAI,CAACC,YAAY,CAAC;EAC9F,IAAIJ,iBAAiB,CAACK,qBAAqB,EAAE,OAAO,IAAI;EACxD,OAAO,eAAgBrB,GAAG,CAACJ,QAAQ,EAAE;IACpC0B,aAAa,EAAErB,YAAY;IAC3BY,QAAQ;IACRU,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAET,iBAAiB,CAACS,EAAE;IACxB,IAAG,CAACZ,QAAQ,IAAI;MACfa,iBAAiB,EAAE;QAClBC,YAAY,EAAE,OAAO;QACrBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;MACf,CAAC;MACDC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAEf,iBAAiB,CAACe;IACzB,CAAC;IACDC,IAAI,EAAE,UAAU;IAChB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAEjB,OAAO,CAACkB,IAAI;IAC7B,mBAAmB,EAAE,MAAM;IAC3BC,GAAG,EAAEnB,OAAO,CAACmB,GAAG;IAChBtB,QAAQ;IACR,eAAe,EAAEA,QAAQ,GAAG,EAAE,GAAG,KAAK,CAAC;IACvC,GAAGE,YAAY;IACfqB,GAAG,EAAElB,YAAY;IACjB,IAAGD,iBAAiB,CAACoB,YAAY,GAAG;MACnC,GAAGpB,iBAAiB,CAACoB,YAAY,CAACC,iBAAiB,CAAC,CAAC;MACrD,IAAGnC,eAAe,GAAG;QAAEoC,OAAOA,CAAA,EAAG;UAChCtB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;QACzC;MAAE,CAAC,GAAG;QAAEO,WAAWA,CAAA,EAAG;UACrBzB,OAAO,CAACG,eAAe,EAAEuB,MAAM,GAAG,CAAC;UACnCzB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;QACzC;MAAE,CAAC;IACJ,CAAC,GAAG;MAAEK,OAAOA,CAAA,EAAG;QACftB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;MACzC;IAAE,CAAC;EACJ,CAAC,CAAC;AACH,CAAC,CAAC;AAEF,SAAS3B,aAAa","ignoreList":[]}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["esm/SelectTrigger.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { View, createChangeEventDetails, createStyledHOC, styled } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst SelectTriggerFrame = styled(View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ jsx(\"button\", { type: \"button\" })\n});\nconst SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tconst { scope, disabled = false, ...triggerProps } = props;\n\tconst context = useSelectContext(scope);\n\tconst itemParentContext = useSelectItemParentContext(scope);\n\tconst composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\tconst toggleOpen = (event, reason = \"trigger-press\") => {\n\t\tif (!disabled) itemParentContext.requestOpenChange(!context.open, createChangeEventDetails(reason, event?.nativeEvent || event, event?.currentTarget));\n\t};\n\tconst interactionProps = itemParentContext.interactions ? itemParentContext.interactions.getReferenceProps({\n\t\t...triggerProps,\n\t\tonMouseDown: composeEventHandlers(triggerProps.onMouseDown, () => context.floatingContext?.update?.())\n\t}) : {\n\t\t...triggerProps,\n\t\t...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, (event) => {\n\t\t\tevent.preventDefault();\n\t\t\ttoggleOpen(event);\n\t\t}) } : { onPress: composeEventHandlers(triggerProps.onPress, toggleOpen) },\n\t\tonKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {\n\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleOpen(event, \"keyboard\");\n\t\t\t}\n\t\t})\n\t};\n\treturn /* @__PURE__ */ jsx(SelectTriggerFrame, {\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"data-state\": context.open ? \"open\" : \"closed\",\n\t\t\"aria-autocomplete\": \"none\",\n\t\taccessibilityRole: isWeb ? void 0 : \"button\",\n\t\taccessibilityState: isWeb ? void 0 : {\n\t\t\texpanded: context.open,\n\t\t\tdisabled\n\t\t},\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...interactionProps,\n\t\tref: composedRefs\n\t});\n});\n\nexport { SelectTrigger, SelectTriggerFrame };"],"mappings":";;;;;;;;AAOA,MAAM,qBAAqB,OAAO,MAAM;CACvC,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAwB,oBAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AACzD,CAAC;AACD,MAAM,gBAAgB,gBAAgB,oBAAoB,SAAS,eAAe,OAAO,cAAc;CACtG,MAAM,EAAE,OAAO,WAAW,OAAO,GAAG,iBAAiB;CACrD,MAAM,UAAU,iBAAiB,KAAK;CACtC,MAAM,oBAAoB,2BAA2B,KAAK;CAC1D,MAAM,eAAe,gBAAgB,cAAc,QAAQ,iBAAiB,KAAK,YAAY;CAC7F,IAAI,kBAAkB,uBAAuB,OAAO;CACpD,MAAM,cAAc,OAAO,SAAS,oBAAoB;EACvD,IAAI,CAAC,UAAU,kBAAkB,kBAAkB,CAAC,QAAQ,MAAM,yBAAyB,QAAQ,OAAO,eAAe,OAAO,OAAO,aAAa,CAAC;CACtJ;CACA,MAAM,mBAAmB,kBAAkB,eAAe,kBAAkB,aAAa,kBAAkB;EAC1G,GAAG;EACH,aAAa,qBAAqB,aAAa,mBAAmB,QAAQ,iBAAiB,SAAS,CAAC;CACtG,CAAC,IAAI;EACJ,GAAG;EACH,GAAG,QAAQ,EAAE,aAAa,qBAAqB,aAAa,cAAc,UAAU;GACnF,MAAM,eAAe;GACrB,WAAW,KAAK;EACjB,CAAC,EAAE,IAAI,EAAE,SAAS,qBAAqB,aAAa,SAAS,UAAU,EAAE;EACzE,WAAW,qBAAqB,aAAa,YAAY,UAAU;GAClE,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;IAC/C,MAAM,eAAe;IACrB,WAAW,OAAO,UAAU;GAC7B;EACD,CAAC;CACF;CACA,OAAuB,oBAAI,oBAAoB;EAC9C,MAAM;EACN,IAAI,kBAAkB;EACtB,MAAM;EACN,iBAAiB;EACjB,iBAAiB,QAAQ;EACzB,cAAc,QAAQ,OAAO,SAAS;EACtC,qBAAqB;EACrB,mBAAmB,QAAQ,KAAK,IAAI;EACpC,oBAAoB,QAAQ,KAAK,IAAI;GACpC,UAAU,QAAQ;GAClB;EACD;EACA,KAAK,QAAQ;EACb;EACA,iBAAiB,WAAW,KAAK,KAAK;EACtC,GAAG;EACH,KAAK;CACN,CAAC;AACF,CAAC"}