@tamagui/list-item 3.0.0-beta.1356.1 → 3.0.0-beta.1358.1

package/dist/cjs/ListItem.cjs

@@ -71,6 +71,12 @@ const ListItemTitle = (0, import_web.styled)(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+const toIconFontKey = (size) => {
+	if (typeof size !== "string") return size;
+	const { sizing } = (0, import_web.getConfig)();
+	if (!sizing?.sizes?.[size]) return size;
+	return (0, import_web.resolveSizing)(size)?.fontSize ?? size;
+};
 function useListItem(propsIn) {
 	const [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {
 		expandShorthands: true,
@@ -80,7 +86,7 @@ function useListItem(propsIn) {
 	const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
 	const context = ListItemContext.useStyledContext();
 	const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-		size: (0, import_helpers_tamagui.getThemedIconSize)(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),
+		size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true), scaleIcon),
 		color: propsIn.color ?? context.color
 	});
 	const wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {

package/dist/cjs/ListItem.native.cjs

@@ -73,6 +73,14 @@ var ListItemTitle = (0, import_web.styled)(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+var toIconFontKey = function(size) {
+	var _sizing_sizes, _resolveSizing;
+	if (typeof size !== "string") return size;
+	var { sizing } = (0, import_web.getConfig)();
+	if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;
+	var _resolveSizing_fontSize;
+	return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;
+};
 function useListItem(propsIn) {
 	var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {
 		expandShorthands: true,
@@ -83,7 +91,7 @@ function useListItem(propsIn) {
 	var context = ListItemContext.useStyledContext();
 	var _ref, _ref1, _propsIn_color;
 	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-		size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),
 		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
 	});
 	var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {

package/dist/cjs/ListItem.native.js

@@ -73,6 +73,14 @@ var ListItemTitle = (0, import_web.styled)(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+var toIconFontKey = function(size) {
+	var _sizing_sizes, _resolveSizing;
+	if (typeof size !== "string") return size;
+	var { sizing } = (0, import_web.getConfig)();
+	if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;
+	var _resolveSizing_fontSize;
+	return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;
+};
 function useListItem(propsIn) {
 	var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {
 		expandShorthands: true,
@@ -83,7 +91,7 @@ function useListItem(propsIn) {
 	var context = ListItemContext.useStyledContext();
 	var _ref, _ref1, _propsIn_color;
 	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-		size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),
 		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
 	});
 	var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n  ListItemContext: () => ListItemContext,\n  ListItemFrame: () => ListItemFrame,\n  ListItemSubtitle: () => ListItemSubtitle,\n  ListItemText: () => ListItemText,\n  ListItemTitle: () => ListItemTitle,\n  useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n    expandShorthands: true,\n    filter: import_text.textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n    size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n  ListItemContext: () => ListItemContext,\n  ListItemFrame: () => ListItemFrame,\n  ListItemSubtitle: () => ListItemSubtitle,\n  ListItemText: () => ListItemText,\n  ListItemTitle: () => ListItemTitle,\n  useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nvar toIconFontKey = function(size) {\n  var _sizing_sizes, _resolveSizing;\n  if (typeof size !== \"string\") return size;\n  var { sizing } = (0, import_web.getConfig)();\n  if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;\n  var _resolveSizing_fontSize;\n  return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;\n};\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n    expandShorthands: true,\n    filter: import_text.textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n    size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}

package/dist/esm/ListItem.mjs

@@ -1,7 +1,7 @@
 import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { YStack } from "@tamagui/stacks";
 import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
-import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
+import { View, createStyledContext, getConfig, resolveSizing, splitStyleProps, styled } from "@tamagui/web";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 const ListItemContext = createStyledContext({
@@ -42,6 +42,12 @@ const ListItemTitle = styled(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+const toIconFontKey = (size) => {
+	if (typeof size !== "string") return size;
+	const { sizing } = getConfig();
+	if (!sizing?.sizes?.[size]) return size;
+	return resolveSizing(size)?.fontSize ?? size;
+};
 function useListItem(propsIn) {
 	const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {
 		expandShorthands: true,
@@ -51,7 +57,7 @@ function useListItem(propsIn) {
 	const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
 	const context = ListItemContext.useStyledContext();
 	const getThemedIcon = useGetThemedIcon({
-		size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),
+		size: getThemedIconSize(toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true), scaleIcon),
 		color: propsIn.color ?? context.color
 	});
 	const wrappedChildren = wrapChildrenInText(ListItemText, {

package/dist/esm/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":[],"sources":["esm/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nconst ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nfunction useListItem(propsIn) {\n  const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  const {\n    children,\n    icon,\n    iconAfter,\n    iconSize,\n    scaleIcon = 1,\n    subTitle,\n    title,\n    ...frameProps\n  } = listItemProps;\n  const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  const context = ListItemContext.useStyledContext();\n  const getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),\n    color: propsIn.color ?? context.color\n  });\n  const wrappedChildren = wrapChildrenInText(\n    ListItemText,\n    { children, noTextWrap, textProps },\n    textStyleProps\n  );\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ jsxs(Fragment, { children: [\n        icon ? getThemedIcon(icon) : null,\n        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n          typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n          typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n          wrappedChildren\n        ] }) : wrappedChildren,\n        iconAfter ? getThemedIcon(iconAfter) : null\n      ] })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EACnF,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}
+{"version":3,"file":"ListItem.js","names":[],"sources":["esm/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport {\n  createStyledContext,\n  getConfig,\n  resolveSizing,\n  splitStyleProps,\n  styled,\n  View\n} from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nconst ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nconst toIconFontKey = (size) => {\n  if (typeof size !== \"string\") return size;\n  const { sizing } = getConfig();\n  if (!sizing?.sizes?.[size]) return size;\n  return resolveSizing(size)?.fontSize ?? size;\n};\nfunction useListItem(propsIn) {\n  const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  const {\n    children,\n    icon,\n    iconAfter,\n    iconSize,\n    scaleIcon = 1,\n    subTitle,\n    title,\n    ...frameProps\n  } = listItemProps;\n  const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  const context = ListItemContext.useStyledContext();\n  const getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize(\n      toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true),\n      scaleIcon\n    ),\n    color: propsIn.color ?? context.color\n  });\n  const wrappedChildren = wrapChildrenInText(\n    ListItemText,\n    { children, noTextWrap, textProps },\n    textStyleProps\n  );\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ jsxs(Fragment, { children: [\n        icon ? getThemedIcon(icon) : null,\n        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n          typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n          typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n          wrappedChildren\n        ] }) : wrappedChildren,\n        iconAfter ? getThemedIcon(iconAfter) : null\n      ] })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAYA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,MAAM,iBAAiB,SAAS;CAC9B,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,MAAM,EAAE,WAAW,UAAU;CAC7B,IAAI,CAAC,QAAQ,QAAQ,OAAO,OAAO;CACnC,OAAO,cAAc,IAAI,CAAC,EAAE,YAAY;AAC1C;AACA,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBACJ,cAAc,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,IAAI,GAC9D,SACF;EACA,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}

package/dist/esm/ListItem.native.js

@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { YStack } from "@tamagui/stacks";
 import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
-import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
+import { View, createStyledContext, getConfig, resolveSizing, splitStyleProps, styled } from "@tamagui/web";
 
 var ListItemContext = createStyledContext({
 	size: void 0,
@@ -42,6 +42,14 @@ var ListItemTitle = styled(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+var toIconFontKey = function(size) {
+	var _sizing_sizes, _resolveSizing;
+	if (typeof size !== "string") return size;
+	var { sizing } = getConfig();
+	if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;
+	var _resolveSizing_fontSize;
+	return (_resolveSizing_fontSize = (_resolveSizing = resolveSizing(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;
+};
 function useListItem(propsIn) {
 	var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {
 		expandShorthands: true,
@@ -52,7 +60,7 @@ function useListItem(propsIn) {
 	var context = ListItemContext.useStyledContext();
 	var _ref, _ref1, _propsIn_color;
 	var getThemedIcon = useGetThemedIcon({
-		size: getThemedIconSize((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		size: getThemedIconSize(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),
 		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
 	});
 	var wrappedChildren = wrapChildrenInText(ListItemText, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.native.js","names":["_Fragment"],"sources":["esm/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nvar ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = wrapChildrenInText(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ _jsxs(_Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ _jsxs(YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ _jsx(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ _jsx(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,IAAI,kBAAkB,oBAAoB;CACxC,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,IAAI,gBAAgB,OAAO,MAAM;CAC/B,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,IAAI,eAAe,OAAO,aAAa;CACrC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,IAAI,mBAAmB,OAAO,cAAc;CAC1C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,gBAAgB,OAAO,cAAc;CACvC,SAAS;CACT,aAAa;AACf,CAAC;AACD,SAAS,YAAY,SAAS;CAC5B,IAAI,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EAC/D,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,IAAI,EAAE,UAAU,MAAM,WAAW,UAAU,YAAY,GAAG,UAAU,OAAO,GAAG,eAAe;CAC7F,IAAI,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACnD,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI,MAAM,OAAO;CACjB,IAAI,gBAAgB,iBAAiB;EACnC,MAAM,mBAAmB,SAAS,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,MAAM,SAAS;EACtN,QAAQ,iBAAiB,QAAQ,WAAW,QAAQ,mBAAmB,KAAK,IAAI,iBAAiB,QAAQ;CAC3G,CAAC;CACD,IAAI,kBAAkB,mBAAmB,cAAc;EACrD;EACA;EACA;CACF,GAAG,cAAc;CACjB,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAMA,UAAW,EACzC,UAAU;GACR,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAM,QAAQ;IAChD,MAAM;IACN,UAAU;KACR,OAAO,UAAU,WAA2B,oBAAK,eAAe;MAC9D,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL,OAAO,aAAa,WAA2B,oBAAK,kBAAkB;MACpE,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL;IACF;GACF,CAAC,IAAI;GACL,YAAY,cAAc,SAAS,IAAI;EACzC,EACF,CAAC;CACH,EACF;AACF"}
+{"version":3,"file":"ListItem.native.js","names":["_Fragment"],"sources":["esm/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, getConfig, resolveSizing, splitStyleProps, styled, View } from \"@tamagui/web\";\nvar ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nvar toIconFontKey = function(size) {\n  var _sizing_sizes, _resolveSizing;\n  if (typeof size !== \"string\") return size;\n  var { sizing } = getConfig();\n  if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;\n  var _resolveSizing_fontSize;\n  return (_resolveSizing_fontSize = (_resolveSizing = resolveSizing(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;\n};\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = wrapChildrenInText(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ _jsxs(_Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ _jsxs(YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ _jsx(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ _jsx(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,IAAI,kBAAkB,oBAAoB;CACxC,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,IAAI,gBAAgB,OAAO,MAAM;CAC/B,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,IAAI,eAAe,OAAO,aAAa;CACrC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,IAAI,mBAAmB,OAAO,cAAc;CAC1C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,gBAAgB,OAAO,cAAc;CACvC,SAAS;CACT,aAAa;AACf,CAAC;AACD,IAAI,gBAAgB,SAAS,MAAM;CACjC,IAAI,eAAe;CACnB,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,IAAI,EAAE,WAAW,UAAU;CAC3B,IAAI,EAAE,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,KAAK,gBAAgB,OAAO,WAAW,QAAQ,kBAAkB,KAAK,IAAI,KAAK,IAAI,cAAc,QAAQ,OAAO;CAClK,IAAI;CACJ,QAAQ,2BAA2B,iBAAiB,cAAc,IAAI,OAAO,QAAQ,mBAAmB,KAAK,IAAI,KAAK,IAAI,eAAe,cAAc,QAAQ,4BAA4B,KAAK,IAAI,0BAA0B;AAChO;AACA,SAAS,YAAY,SAAS;CAC5B,IAAI,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EAC/D,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,IAAI,EAAE,UAAU,MAAM,WAAW,UAAU,YAAY,GAAG,UAAU,OAAO,GAAG,eAAe;CAC7F,IAAI,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACnD,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI,MAAM,OAAO;CACjB,IAAI,gBAAgB,iBAAiB;EACnC,MAAM,kBAAkB,eAAe,SAAS,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,IAAI,GAAG,SAAS;EACrO,QAAQ,iBAAiB,QAAQ,WAAW,QAAQ,mBAAmB,KAAK,IAAI,iBAAiB,QAAQ;CAC3G,CAAC;CACD,IAAI,kBAAkB,mBAAmB,cAAc;EACrD;EACA;EACA;CACF,GAAG,cAAc;CACjB,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAMA,UAAW,EACzC,UAAU;GACR,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAM,QAAQ;IAChD,MAAM;IACN,UAAU;KACR,OAAO,UAAU,WAA2B,oBAAK,eAAe;MAC9D,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL,OAAO,aAAa,WAA2B,oBAAK,kBAAkB;MACpE,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL;IACF;GACF,CAAC,IAAI;GACL,YAAY,cAAc,SAAS,IAAI;EACzC,EACF,CAAC;CACH,EACF;AACF"}

package/dist/jsx/ListItem.mjs

@@ -1,7 +1,7 @@
 import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { YStack } from "@tamagui/stacks";
 import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
-import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
+import { View, createStyledContext, getConfig, resolveSizing, splitStyleProps, styled } from "@tamagui/web";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 const ListItemContext = createStyledContext({
@@ -42,6 +42,12 @@ const ListItemTitle = styled(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+const toIconFontKey = (size) => {
+	if (typeof size !== "string") return size;
+	const { sizing } = getConfig();
+	if (!sizing?.sizes?.[size]) return size;
+	return resolveSizing(size)?.fontSize ?? size;
+};
 function useListItem(propsIn) {
 	const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {
 		expandShorthands: true,
@@ -51,7 +57,7 @@ function useListItem(propsIn) {
 	const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;
 	const context = ListItemContext.useStyledContext();
 	const getThemedIcon = useGetThemedIcon({
-		size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),
+		size: getThemedIconSize(toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true), scaleIcon),
 		color: propsIn.color ?? context.color
 	});
 	const wrappedChildren = wrapChildrenInText(ListItemText, {

package/dist/jsx/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":[],"sources":["jsx/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nconst ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nfunction useListItem(propsIn) {\n  const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  const {\n    children,\n    icon,\n    iconAfter,\n    iconSize,\n    scaleIcon = 1,\n    subTitle,\n    title,\n    ...frameProps\n  } = listItemProps;\n  const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  const context = ListItemContext.useStyledContext();\n  const getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),\n    color: propsIn.color ?? context.color\n  });\n  const wrappedChildren = wrapChildrenInText(\n    ListItemText,\n    { children, noTextWrap, textProps },\n    textStyleProps\n  );\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ jsxs(Fragment, { children: [\n        icon ? getThemedIcon(icon) : null,\n        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n          typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n          typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n          wrappedChildren\n        ] }) : wrappedChildren,\n        iconAfter ? getThemedIcon(iconAfter) : null\n      ] })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EACnF,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}
+{"version":3,"file":"ListItem.js","names":[],"sources":["jsx/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport {\n  createStyledContext,\n  getConfig,\n  resolveSizing,\n  splitStyleProps,\n  styled,\n  View\n} from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nconst ListItemFrame = styled(View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nconst ListItemText = styled(SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nconst toIconFontKey = (size) => {\n  if (typeof size !== \"string\") return size;\n  const { sizing } = getConfig();\n  if (!sizing?.sizes?.[size]) return size;\n  return resolveSizing(size)?.fontSize ?? size;\n};\nfunction useListItem(propsIn) {\n  const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n    expandShorthands: true,\n    filter: textParentProps\n  });\n  const {\n    children,\n    icon,\n    iconAfter,\n    iconSize,\n    scaleIcon = 1,\n    subTitle,\n    title,\n    ...frameProps\n  } = listItemProps;\n  const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  const context = ListItemContext.useStyledContext();\n  const getThemedIcon = useGetThemedIcon({\n    size: getThemedIconSize(\n      toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true),\n      scaleIcon\n    ),\n    color: propsIn.color ?? context.color\n  });\n  const wrappedChildren = wrapChildrenInText(\n    ListItemText,\n    { children, noTextWrap, textProps },\n    textStyleProps\n  );\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ jsxs(Fragment, { children: [\n        icon ? getThemedIcon(icon) : null,\n        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n          typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n          typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n          wrappedChildren\n        ] }) : wrappedChildren,\n        iconAfter ? getThemedIcon(iconAfter) : null\n      ] })\n    }\n  };\n}\nexport {\n  ListItemContext,\n  ListItemFrame,\n  ListItemSubtitle,\n  ListItemText,\n  ListItemTitle,\n  useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAYA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,MAAM,iBAAiB,SAAS;CAC9B,IAAI,OAAO,SAAS,UAAU,OAAO;CACrC,MAAM,EAAE,WAAW,UAAU;CAC7B,IAAI,CAAC,QAAQ,QAAQ,OAAO,OAAO;CACnC,OAAO,cAAc,IAAI,CAAC,EAAE,YAAY;AAC1C;AACA,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBACJ,cAAc,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,IAAI,GAC9D,SACF;EACA,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}

package/dist/jsx/ListItem.native.cjs

@@ -73,6 +73,14 @@ var ListItemTitle = (0, import_web.styled)(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+var toIconFontKey = function(size) {
+	var _sizing_sizes, _resolveSizing;
+	if (typeof size !== "string") return size;
+	var { sizing } = (0, import_web.getConfig)();
+	if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;
+	var _resolveSizing_fontSize;
+	return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;
+};
 function useListItem(propsIn) {
 	var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {
 		expandShorthands: true,
@@ -83,7 +91,7 @@ function useListItem(propsIn) {
 	var context = ListItemContext.useStyledContext();
 	var _ref, _ref1, _propsIn_color;
 	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-		size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),
 		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
 	});
 	var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {

package/dist/jsx/ListItem.native.js

@@ -73,6 +73,14 @@ var ListItemTitle = (0, import_web.styled)(ListItemText, {
 	context: ListItemContext,
 	displayName: "ListItemTitle"
 });
+var toIconFontKey = function(size) {
+	var _sizing_sizes, _resolveSizing;
+	if (typeof size !== "string") return size;
+	var { sizing } = (0, import_web.getConfig)();
+	if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;
+	var _resolveSizing_fontSize;
+	return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;
+};
 function useListItem(propsIn) {
 	var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {
 		expandShorthands: true,
@@ -83,7 +91,7 @@ function useListItem(propsIn) {
 	var context = ListItemContext.useStyledContext();
 	var _ref, _ref1, _propsIn_color;
 	var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
-		size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),
+		size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),
 		color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color
 	});
 	var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.native.js","names":[],"sources":["jsx/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n  ListItemContext: () => ListItemContext,\n  ListItemFrame: () => ListItemFrame,\n  ListItemSubtitle: () => ListItemSubtitle,\n  ListItemText: () => ListItemText,\n  ListItemTitle: () => ListItemTitle,\n  useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n    expandShorthands: true,\n    filter: import_text.textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n    size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
+{"version":3,"file":"ListItem.native.js","names":[],"sources":["jsx/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n  ListItemContext: () => ListItemContext,\n  ListItemFrame: () => ListItemFrame,\n  ListItemSubtitle: () => ListItemSubtitle,\n  ListItemText: () => ListItemText,\n  ListItemTitle: () => ListItemTitle,\n  useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n  context: ListItemContext,\n  displayName: \"ListItemFrame\",\n  // role is the cross-platform one; render only lands on web\n  role: \"listitem\",\n  render: \"li\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  flexWrap: \"nowrap\",\n  width: \"100%\",\n  maxWidth: \"100%\",\n  overflow: \"hidden\",\n  flexDirection: \"row\",\n  variants: {\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n  context: ListItemContext,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemSubtitle\",\n  opacity: 0.6,\n  maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n  context: ListItemContext,\n  displayName: \"ListItemTitle\"\n});\nvar toIconFontKey = function(size) {\n  var _sizing_sizes, _resolveSizing;\n  if (typeof size !== \"string\") return size;\n  var { sizing } = (0, import_web.getConfig)();\n  if (!(sizing === null || sizing === void 0 ? void 0 : (_sizing_sizes = sizing.sizes) === null || _sizing_sizes === void 0 ? void 0 : _sizing_sizes[size])) return size;\n  var _resolveSizing_fontSize;\n  return (_resolveSizing_fontSize = (_resolveSizing = (0, import_web.resolveSizing)(size)) === null || _resolveSizing === void 0 ? void 0 : _resolveSizing.fontSize) !== null && _resolveSizing_fontSize !== void 0 ? _resolveSizing_fontSize : size;\n};\nfunction useListItem(propsIn) {\n  var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n    expandShorthands: true,\n    filter: import_text.textParentProps\n  });\n  var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n  var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n  var context = ListItemContext.useStyledContext();\n  var _ref, _ref1, _propsIn_color;\n  var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n    size: (0, import_helpers_tamagui.getThemedIconSize)(toIconFontKey((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true), scaleIcon),\n    color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n  });\n  var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n    children,\n    noTextWrap,\n    textProps\n  }, textStyleProps);\n  return {\n    props: {\n      ...frameProps,\n      color: propsIn.color,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n        children: [\n          icon ? getThemedIcon(icon) : null,\n          title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n            flex: 1,\n            children: [\n              typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: title\n              }) : title,\n              typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n                ...textStyleProps,\n                ...textProps,\n                children: subTitle\n              }) : subTitle,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          iconAfter ? getThemedIcon(iconAfter) : null\n        ]\n      })\n    }\n  };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/list-item",
-  "version": "3.0.0-beta.1356.1",
+  "version": "3.0.0-beta.1358.1",
   "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "source": "src/index.ts",
@@ -36,17 +36,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/font-size": "3.0.0-beta.1356.1",
-    "@tamagui/get-font-sized": "3.0.0-beta.1356.1",
-    "@tamagui/get-token": "3.0.0-beta.1356.1",
-    "@tamagui/helpers": "3.0.0-beta.1356.1",
-    "@tamagui/helpers-tamagui": "3.0.0-beta.1356.1",
-    "@tamagui/stacks": "3.0.0-beta.1356.1",
-    "@tamagui/text": "3.0.0-beta.1356.1",
-    "@tamagui/web": "3.0.0-beta.1356.1"
+    "@tamagui/font-size": "3.0.0-beta.1358.1",
+    "@tamagui/get-font-sized": "3.0.0-beta.1358.1",
+    "@tamagui/get-token": "3.0.0-beta.1358.1",
+    "@tamagui/helpers": "3.0.0-beta.1358.1",
+    "@tamagui/helpers-tamagui": "3.0.0-beta.1358.1",
+    "@tamagui/stacks": "3.0.0-beta.1358.1",
+    "@tamagui/text": "3.0.0-beta.1358.1",
+    "@tamagui/web": "3.0.0-beta.1358.1"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.0-beta.1356.1",
+    "@tamagui/build": "3.0.0-beta.1358.1",
     "react": "19.2.3"
   },
   "peerDependencies": {

package/src/ListItem.tsx

@@ -2,8 +2,15 @@ import { getThemedIconSize, useGetThemedIcon } from '@tamagui/helpers-tamagui'
 import { YStack } from '@tamagui/stacks'
 import type { TextParentStyles } from '@tamagui/text'
 import { SizableText, textParentProps, wrapChildrenInText } from '@tamagui/text'
-import type { ColorTokens, GetProps } from '@tamagui/web'
-import { createStyledContext, splitStyleProps, styled, View } from '@tamagui/web'
+import type { ColorTokens, ComponentSize, GetProps } from '@tamagui/web'
+import {
+  createStyledContext,
+  getConfig,
+  resolveSizing,
+  splitStyleProps,
+  styled,
+  View,
+} from '@tamagui/web'
 import type { FunctionComponent, JSX, ReactNode } from 'react'
 
 type IconProp = JSX.Element | FunctionComponent<{ color?: any; size?: any }> | null
@@ -117,6 +124,18 @@ export type UseListItemProps<Props extends ListItemBehaviorProps> = Omit<
  * to generated text, while size and color still reach the parts through the
  * styled context.
  */
+// control names are not font keys ('md' is not on the type scale): translate
+// through the ladder before measuring. Numbers, booleans, and anything the
+// ladder does not name pass through to the font lookup as before.
+type IconSizeInput = string | number | boolean | null | undefined
+
+const toIconFontKey = (size: IconSizeInput): IconSizeInput => {
+  if (typeof size !== 'string') return size
+  const { sizing } = getConfig()
+  if (!sizing?.sizes?.[size]) return size
+  return resolveSizing(size as ComponentSize)?.fontSize ?? size
+}
+
 export function useListItem<Props extends ListItemBehaviorProps>(
   propsIn: Props
 ): { props: UseListItemProps<Props> } {
@@ -140,7 +159,10 @@ export function useListItem<Props extends ListItemBehaviorProps>(
   // prop is themed here, before the frame renders, so it reads them itself
   const context = ListItemContext.useStyledContext()
   const getThemedIcon = useGetThemedIcon({
-    size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),
+    size: getThemedIconSize(
+      toIconFontKey(iconSize ?? propsIn.size ?? context.size ?? true),
+      scaleIcon
+    ),
     color: propsIn.color ?? context.color,
   })
 

package/types/ListItem.d.ts

@@ -106,12 +106,6 @@ export type UseListItemProps<Props extends ListItemBehaviorProps> = Omit<Omit<Pr
     children: ReactNode;
     color?: Props['color'];
 };
-/**
- * ListItem behavior: theming the icon props and assembling title, subtitle, and
- * children into the frame's single child. Flat text styles are handed directly
- * to generated text, while size and color still reach the parts through the
- * styled context.
- */
 export declare function useListItem<Props extends ListItemBehaviorProps>(propsIn: Props): {
     props: UseListItemProps<Props>;
 };

package/types/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAe,eAAe,EAAsB,MAAM,eAAe,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,eAAe;WACnB,MAAM,GAAG,OAAO;cACb,UAAU;YACZ,WAAW,GAAG,MAAM;gCAK5B,CAAA;AAIF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAqBxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAQvB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAK3B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAGxB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,qBAAqB,GAAG;IAGtB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB,CAAA;AAEH;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,qBAAqB,IAAI,IAAI,CACtE,IAAI,CAAC,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,EAClE,MAAM,qBAAqB,CAC5B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,qBAAqB,EAC7D,OAAO,EAAE,KAAK,GACb;IAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CAAE,CAgEpC;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAe,eAAe,EAAsB,MAAM,eAAe,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAA;AASxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,eAAe;WACnB,MAAM,GAAG,OAAO;cACb,UAAU;YACZ,WAAW,GAAG,MAAM;gCAK5B,CAAA;AAIF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAqBxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAQvB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAK3B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAGxB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,qBAAqB,GAAG;IAGtB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB,CAAA;AAEH;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,qBAAqB,IAAI,IAAI,CACtE,IAAI,CAAC,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,EAClE,MAAM,qBAAqB,CAC5B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACvB,CAAA;AAoBD,wBAAgB,WAAW,CAAC,KAAK,SAAS,qBAAqB,EAC7D,OAAO,EAAE,KAAK,GACb;IAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CAAE,CAmEpC;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA"}