@tamagui/select 2.7.6 → 3.0.0-beta.637.1

package/dist/jsx/SelectItemText.mjs

@@ -1,64 +1,42 @@
 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.mjs";
+import { getSelectLabelText } from "./selectionController.mjs";
 import { useSelectItemContext } from "./SelectItem.mjs";
 import { Fragment, jsx } from "react/jsx-runtime";
+
 const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        color: "$color",
-        ellipsis: true
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-});
-const SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
-  const {
-    scope,
-    className,
-    ...itemTextProps
-  } = props;
-  const itemParentContext = useSelectItemParentContext(scope);
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const itemContext = useSelectItemContext(scope);
-  const contents = React.useRef(null);
-  contents.current = /* @__PURE__ */jsx(SelectItemTextFrame, {
-    className,
-    size: itemParentContext.size,
-    id: itemContext.textId,
-    ...itemTextProps,
-    ref: composedRefs
-  });
-  useIsomorphicLayoutEffect(() => {
-    if (itemParentContext.initialValue === itemContext.value) {
-      itemParentContext.setSelectedItem(contents.current);
-    }
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return itemParentContext.valueSubscribe(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
-  });
+const SelectItemTextFrame = styled(Text, { displayName: ITEM_TEXT_NAME });
+const SelectItemText = createStyledHOC(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+	const { scope, className, ...itemTextProps } = props;
+	const itemParentContext = useSelectItemParentContext(scope);
+	const ref = React.useRef(null);
+	const composedRefs = useComposedRefs(forwardedRef, ref);
+	const itemContext = useSelectItemContext(scope);
+	const contents = React.useRef(null);
+	const label = React.useRef(props.children);
+	label.current = props.children;
+	const labelText = getSelectLabelText(props.children);
+	contents.current = /* @__PURE__ */ jsx(SelectItemTextFrame, {
+		className,
+		id: itemContext.textId,
+		...itemTextProps,
+		ref: composedRefs
+	});
+	useIsomorphicLayoutEffect(() => {
+		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.mjs.map

package/dist/jsx/SelectItemText.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","styled","useIsomorphicLayoutEffect","SizableText","React","useSelectItemParentContext","useSelectItemContext","Fragment","jsx","ITEM_TEXT_NAME","SelectItemTextFrame","name","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectItemText","styleable","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,eAAA,QAAuB;AAEhC,SAASC,MAAA,EAAQC,yBAAA,QAAiC;AAClD,SAASC,WAAA,QAAmB;AAC5B,YAAYC,KAAA,MAAW;AAEvB,SAASC,0BAAA,QAAkC;AAC3C,SAASC,oBAAA,QAA4B;AA6C/B,SAwBOC,QAAA,EAxBPC,GAAA;AAtCC,MAAMC,cAAA,GAAiB;AAEvB,MAAMC,mBAAA,GAAsBT,MAAA,CAAOE,WAAA,EAAa;EACrDQ,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,MAAMC,cAAA,GAAiBZ,mBAAA,CAAoBa,SAAA,CAChD,SAASD,gBAAeE,KAAA,EAAOC,YAAA,EAAc;EAC3C,MAAM;IAAEC,KAAA;IAAOC,SAAA;IAAW,GAAGC;EAAc,IAAIJ,KAAA;EAG/C,MAAMK,iBAAA,GAAoBxB,0BAAA,CAA2BqB,KAAK;EAC1D,MAAMI,GAAA,GAAM1B,KAAA,CAAM2B,MAAA,CAAkC,IAAI;EACxD,MAAMC,YAAA,GAAehC,eAAA,CAAgByB,YAAA,EAAcK,GAAG;EACtD,MAAMG,WAAA,GAAc3B,oBAAA,CAAqBoB,KAAK;EAC9C,MAAMQ,QAAA,GAAW9B,KAAA,CAAM2B,MAAA,CAAwB,IAAI;EAInDG,QAAA,CAASC,OAAA,GACP,eAAA3B,GAAA,CAACE,mBAAA;IACCiB,SAAA;IACAS,IAAA,EAAMP,iBAAA,CAAkBO,IAAA;IACxBC,EAAA,EAAIJ,WAAA,CAAYK,MAAA;IACf,GAAGV,aAAA;IACJE,GAAA,EAAKE;EAAA,CACP;EAGF9B,yBAAA,CAA0B,MAAM;IAC9B,IAAI2B,iBAAA,CAAkBU,YAAA,KAAiBN,WAAA,CAAYO,KAAA,EAAO;MACxDX,iBAAA,CAAkBY,eAAA,CAAgBP,QAAA,CAASC,OAAO;IACpD;EACF,GAAG,EAAE;EAELjC,yBAAA,CAA0B,MAAM;IAC9B,OAAO2B,iBAAA,CAAkBa,cAAA,CAAgBC,GAAA,IAAQ;MAC/C,IAAIA,GAAA,KAAQV,WAAA,CAAYO,KAAA,EAAO;QAC7BX,iBAAA,CAAkBY,eAAA,CAAgBP,QAAA,CAASC,OAAO;MACpD;IACF,CAAC;EACH,GAAG,CAACF,WAAA,CAAYO,KAAK,CAAC;EAEtB,IAAIX,iBAAA,CAAkBe,qBAAA,EAAuB;IAC3C,OAAO,eAAApC,GAAA,CAAAD,QAAA;MAAGsC,QAAA,EAAArB,KAAA,CAAMqB;IAAA,CAAS;EAC3B;EAEA,OAAO,eAAArC,GAAA,CAAAD,QAAA;IAAGsC,QAAA,EAAAX,QAAA,CAASC;EAAA,CAAQ;AAC7B,CACF","ignoreList":[]}
+{"version":3,"file":"SelectItemText.js","names":[],"sources":["jsx/SelectItemText.js"],"sourcesContent":["import { 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\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nconst ITEM_TEXT_NAME = \"SelectItemText\";\nconst SelectItemTextFrame = styled(Text, {\n  displayName: ITEM_TEXT_NAME\n});\nconst SelectItemText = createStyledHOC(\n  SelectItemTextFrame,\n  function SelectItemText2(props, forwardedRef) {\n    const { scope, className, ...itemTextProps } = props;\n    const itemParentContext = useSelectItemParentContext(scope);\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const itemContext = useSelectItemContext(scope);\n    const contents = React.useRef(null);\n    const label = React.useRef(props.children);\n    label.current = props.children;\n    const labelText = getSelectLabelText(props.children);\n    contents.current = /* @__PURE__ */ jsx(\n      SelectItemTextFrame,\n      {\n        className,\n        id: itemContext.textId,\n        ...itemTextProps,\n        ref: composedRefs\n      }\n    );\n    useIsomorphicLayoutEffect(() => {\n      return itemParentContext.registry.registerLabel(\n        itemContext.value,\n        label.current,\n        itemContext.textValue\n      );\n    }, [itemContext.textValue, itemContext.value, itemParentContext.registry, labelText]);\n    if (itemParentContext.shouldRenderWebNative) {\n      return /* @__PURE__ */ jsx(Fragment, { children: props.children });\n    }\n    return /* @__PURE__ */ jsx(Fragment, { children: contents.current });\n  }\n);\nexport {\n  ITEM_TEXT_NAME,\n  SelectItemText,\n  SelectItemTextFrame\n};\n//# sourceMappingURL=SelectItemText.js.map\n"],"mappings":";;;;;;;;;AAOA,MAAM,iBAAiB;AACvB,MAAM,sBAAsB,OAAO,MAAM,EACvC,aAAa,eACf,CAAC;AACD,MAAM,iBAAiB,gBACrB,qBACA,SAAS,gBAAgB,OAAO,cAAc;CAC5C,MAAM,EAAE,OAAO,WAAW,GAAG,kBAAkB;CAC/C,MAAM,oBAAoB,2BAA2B,KAAK;CAC1D,MAAM,MAAM,MAAM,OAAO,IAAI;CAC7B,MAAM,eAAe,gBAAgB,cAAc,GAAG;CACtD,MAAM,cAAc,qBAAqB,KAAK;CAC9C,MAAM,WAAW,MAAM,OAAO,IAAI;CAClC,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ;CACzC,MAAM,UAAU,MAAM;CACtB,MAAM,YAAY,mBAAmB,MAAM,QAAQ;CACnD,SAAS,UAA0B,oBACjC,qBACA;EACE;EACA,IAAI,YAAY;EAChB,GAAG;EACH,KAAK;CACP,CACF;CACA,gCAAgC;EAC9B,OAAO,kBAAkB,SAAS,cAChC,YAAY,OACZ,MAAM,SACN,YAAY,SACd;CACF,GAAG;EAAC,YAAY;EAAW,YAAY;EAAO,kBAAkB;EAAU;CAAS,CAAC;CACpF,IAAI,kBAAkB,uBAAuB;EAC3C,OAAuB,oBAAI,UAAU,EAAE,UAAU,MAAM,SAAS,CAAC;CACnE;CACA,OAAuB,oBAAI,UAAU,EAAE,UAAU,SAAS,QAAQ,CAAC;AACrE,CACF"}

package/dist/jsx/SelectItemText.native.cjs

@@ -0,0 +1,74 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectItemText_exports = {};
+__export(SelectItemText_exports, {
+	ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
+	SelectItemText: () => SelectItemText,
+	SelectItemTextFrame: () => SelectItemTextFrame
+});
+module.exports = __toCommonJS(SelectItemText_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var import_selectionController = require("./selectionController.native.js");
+var import_SelectItem = require("./SelectItem.native.js");
+var ITEM_TEXT_NAME = "SelectItemText";
+var SelectItemTextFrame = (0, import_core.styled)(import_core.Text, { displayName: ITEM_TEXT_NAME });
+var SelectItemText = (0, import_core.createStyledHOC)(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+	var { scope, className, ...itemTextProps } = props;
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var ref = React.useRef(null);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+	var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
+	var contents = React.useRef(null);
+	var label = React.useRef(props.children);
+	label.current = props.children;
+	var labelText = (0, import_selectionController.getSelectLabelText)(props.children);
+	contents.current = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
+		className,
+		id: itemContext.textId,
+		...itemTextProps,
+		ref: composedRefs
+	});
+	(0, import_core.useIsomorphicLayoutEffect)(function() {
+		return itemParentContext.registry.registerLabel(itemContext.value, label.current, itemContext.textValue);
+	}, [
+		itemContext.textValue,
+		itemContext.value,
+		itemParentContext.registry,
+		labelText
+	]);
+	if (itemParentContext.shouldRenderWebNative) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents.current });
+});

package/dist/jsx/SelectItemText.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,99 +8,69 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 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: true
-  });
+	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;
+	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;
 };
-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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectItemText_exports = {};
 __export(SelectItemText_exports, {
-  ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
-  SelectItemText: () => SelectItemText,
-  SelectItemTextFrame: () => SelectItemTextFrame
+	ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
+	SelectItemText: () => SelectItemText,
+	SelectItemTextFrame: () => SelectItemTextFrame
 });
 module.exports = __toCommonJS(SelectItemText_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_compose_refs = require("@tamagui/compose-refs");
 var import_core = require("@tamagui/core");
-var import_text = require("@tamagui/text");
 var React = __toESM(require("react"), 1);
 var import_context = require("./context.native.js");
+var import_selectionController = require("./selectionController.native.js");
 var import_SelectItem = require("./SelectItem.native.js");
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemTextFrame = (0, import_core.styled)(import_text.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 = (0, import_context.useSelectItemParentContext)(scope);
-  var ref = React.useRef(null);
-  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
-  var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
-  var contents = React.useRef(null);
-  contents.current = /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
-    className,
-    size: itemParentContext.size,
-    id: itemContext.textId,
-    ...itemTextProps,
-    ref: composedRefs
-  });
-  (0, import_core.useIsomorphicLayoutEffect)(function () {
-    if (itemParentContext.initialValue === itemContext.value) {
-      itemParentContext.setSelectedItem(contents.current);
-    }
-  }, []);
-  (0, import_core.useIsomorphicLayoutEffect)(function () {
-    return itemParentContext.valueSubscribe(function (val) {
-      if (val === itemContext.value) {
-        itemParentContext.setSelectedItem(contents.current);
-      }
-    });
-  }, [itemContext.value]);
-  if (itemParentContext.shouldRenderWebNative) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: props.children
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: contents.current
-  });
+var SelectItemTextFrame = (0, import_core.styled)(import_core.Text, { displayName: ITEM_TEXT_NAME });
+var SelectItemText = (0, import_core.createStyledHOC)(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {
+	var { scope, className, ...itemTextProps } = props;
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var ref = React.useRef(null);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+	var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
+	var contents = React.useRef(null);
+	var label = React.useRef(props.children);
+	label.current = props.children;
+	var labelText = (0, import_selectionController.getSelectLabelText)(props.children);
+	contents.current = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
+		className,
+		id: itemContext.textId,
+		...itemTextProps,
+		ref: composedRefs
+	});
+	(0, import_core.useIsomorphicLayoutEffect)(function() {
+		return itemParentContext.registry.registerLabel(itemContext.value, label.current, itemContext.textValue);
+	}, [
+		itemContext.textValue,
+		itemContext.value,
+		itemParentContext.registry,
+		labelText
+	]);
+	if (itemParentContext.shouldRenderWebNative) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents.current });
 });
+
 //# sourceMappingURL=SelectItemText.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SelectItemText_exports","ITEM_TEXT_NAME","SelectItemText","SelectItemTextFrame","module","exports","import_jsx_runtime","require","import_compose_refs","import_core","import_text","React","import_context","import_SelectItem","styled","SizableText","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","SelectItemText2","props","forwardedRef"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,QAAS,GAAAC,MAAQ,CAAAC,MAAA;AACjB,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAAmB;AAC5B,IAAAC,gBAAY,GAAWJ,MAAA,CAAAK,wBAAA;AAEvB,IAAAC,iBAAS,GAAAN,MAAA,CAAAO,mBAAkC;AAC3C,IAAAC,YAAS,GAAAR,MAAA,CAAAS,cAA4B;AA6C/B,IAAAC,YAwBO,GAxBPV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAtCC,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAiBC,GAAA;EAEvB,KAAM,IAAAC,IAAA,IAAAD,GAAA,EACXb,SAAM,CAAAY,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEI,IACRC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACRF,IAAA,IAAO,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACL,IAAAG,GAAA,IAAYlB,iBAAA,CAAAe,IAAA,OACZ,CAAAX,YAAO,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPpB,SAAA,CAAUkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACZ,OACFE,EAAA;AAAA;AACF,IAEAM,OAAA,GAAAA,CAAAC,GAAA,EAAiBC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AAEjB;AACD;AAMM;AACLS,UAAS,KAAAD,GAAA,KAAAA,GAAe,CAAAE,UAAO,GAAA3B,SAAc,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAC3Ca,GAGA;AACA,IAAAI,YAAY,GAAAJ,GAAM,IAAAR,WAAsC,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AACxD,IAAAK,sBAAqB;AACrBnB,QAAA,CAAAmB,sBAAoB;EACpBC,cAAM,EAAAA,CAAA,KAAWA,cAAkC;EAInDC,cAAS,EAAAA,CAAA,KACPA,cAAA;EAAAC,mBAAC,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OACC,GAAAN,YAAA,CAAAC,sBAAA;AAAA,IAAAM,kBACM,GAAAC,OAAkB;AAAA,IAAAC,mBACpB,GAAYD,OAAA;AAAA,IAAAE,WACZ,GAAAF,OAAA;AAAA,IAAAG,WACC,GAAAH,OAAA;AAAA,IAAAI,KAAA,GAAAjB,OAAA,CAAAa,OAAA;AAAA,IACPK,cAAA,GAAAL,OAAA;AAGF,IAAAM,iBAAA,GAAAN,OAA0B,yBAAM;AAC9B,IAAAN,cAAI,mBAAkB;AACpB,IAAAE,mBAAA,GAAkB,IAAAM,WAAA,CAAgBK,MAAA,EAAAJ,WAAgB,CAAAK,WAAA;EAAA/B,IACpD,EAAAiB,cAAA;EAAAe,QACG;IAELC,QAAA;MACEC,KAAA,EAAO;QACLC,UAAI,EAAQ;QACVC,KAAA;QACFC,QAAA;MACF;IACF;EAEA;EACEC,eAAO;IACTL,QAAA,EAAAM,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAEA;AAA2B,EAC7B;AACF,IAAAvB,cAAA,GAAAC,mBAAA,CAAAuB,SAAA,UAAAC,gBAAAC,KAAA,EAAAC,YAAA","ignoreList":[]}
+{"version":3,"file":"SelectItemText.native.js","names":[],"sources":["jsx/SelectItemText.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectItemText_exports = {};\n__export(SelectItemText_exports, {\n  ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,\n  SelectItemText: () => SelectItemText,\n  SelectItemTextFrame: () => SelectItemTextFrame\n});\nmodule.exports = __toCommonJS(SelectItemText_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar import_selectionController = require(\"./selectionController\");\nvar import_SelectItem = require(\"./SelectItem\");\nvar ITEM_TEXT_NAME = \"SelectItemText\";\nvar SelectItemTextFrame = (0, import_core.styled)(import_core.Text, {\n  displayName: ITEM_TEXT_NAME\n});\nvar SelectItemText = (0, import_core.createStyledHOC)(SelectItemTextFrame, function SelectItemText2(props, forwardedRef) {\n  var { scope, className, ...itemTextProps } = props;\n  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n  var ref = React.useRef(null);\n  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);\n  var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);\n  var contents = React.useRef(null);\n  var label = React.useRef(props.children);\n  label.current = props.children;\n  var labelText = (0, import_selectionController.getSelectLabelText)(props.children);\n  contents.current = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemTextFrame, {\n    className,\n    id: itemContext.textId,\n    ...itemTextProps,\n    ref: composedRefs\n  });\n  (0, import_core.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n      children: props.children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: contents.current\n  });\n});\n//# sourceMappingURL=SelectItemText.js.map\n"],"mappings":"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"}

package/dist/jsx/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