@tamagui/select 2.7.7 → 3.0.0-beta.1091.1

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,73 @@
+"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

@@ -7,99 +7,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, updateScrollArrows, 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;
+				updateScrollArrows();
+			}
+		} 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/jsx/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":["jsx/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, updateScrollArrows, 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            updateScrollArrows();\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/jsx/SelectScrollButton.native.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectScrollButton_native_exports = {};
+__export(SelectScrollButton_native_exports, {
+	SelectScrollButtonFrame: () => SelectScrollButtonFrame,
+	SelectScrollDownButton: () => SelectScrollDownButton,
+	SelectScrollUpButton: () => SelectScrollUpButton
+});
+module.exports = __toCommonJS(SelectScrollButton_native_exports);
+var import_core = require("@tamagui/core");
+var SelectScrollButtonFrame = (0, import_core.styled)(import_core.View, { displayName: "SelectScrollButton" });
+var SelectScrollUpButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	return null;
+});
+var SelectScrollDownButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	return null;
+});