@tamagui/list-item 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/ListItem.native.js

@@ -1,233 +1,167 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { getFontSize } from "@tamagui/font-size";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { getFontSized } from "@tamagui/get-font-sized";
-import { getSize, getSpace } from "@tamagui/get-token";
+import { oneSizeTokenSmaller } from "@tamagui/get-token";
 import { withStaticProperties } from "@tamagui/helpers";
-import { getIcon, useCurrentColor } from "@tamagui/helpers-tamagui";
+import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { YStack } from "@tamagui/stacks";
+import { resolveSizeToken } from "@tamagui/size";
 import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { createStyledContext, styled, View } from "@tamagui/web";
+import { View, createStyledContext, createStyledHOC, getVariableValue, styled, useProps } from "@tamagui/web";
+
 var NAME = "ListItem";
 var context = createStyledContext({
-  size: void 0,
-  variant: void 0,
-  color: void 0
+	size: void 0,
+	variant: void 0,
+	color: void 0
 });
+var listItemSizeVariant = function(val, param) {
+	var { tokens } = param;
+	var sizeToken = resolveSizeToken(val, "size");
+	var spaceToken = resolveSizeToken(val, "space");
+	var size = typeof sizeToken === "number" ? sizeToken : tokens.size[sizeToken];
+	var sizeVal = getVariableValue(size);
+	return {
+		minHeight: size,
+		paddingHorizontal: tokens.space[spaceToken],
+		paddingVertical: Math.max(0, Math.round(sizeVal * .36 - 9)),
+		gap: getThemedIconSize(sizeToken, .4)
+	};
+};
+var listItemSubtitleSizeVariant = function(val, extras) {
+	var fontSizeToken = resolveSizeToken(val, "fontSize");
+	var oneSmaller = oneSizeTokenSmaller(fontSizeToken);
+	return getFontSized(oneSmaller, extras);
+};
 var ListItemFrame = styled(View, {
-  context,
-  name: NAME,
-  render: "li",
-  role: "listitem",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        justifyContent: "space-between",
-        flexWrap: "nowrap",
-        borderColor: "$borderColor",
-        width: "100%",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$background",
-        cursor: "default",
-        hoverStyle: {
-          backgroundColor: "$backgroundHover",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "$backgroundPress",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    variant: {
-      outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
-        backgroundColor: "transparent",
-        borderWidth: 1,
-        borderColor: "$borderColor",
-        hoverStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorHover"
-        },
-        pressStyle: {
-          backgroundColor: "transparent",
-          borderColor: "$borderColorPress"
-        }
-      }
-    },
-    size: {
-      "...size": function (val, param) {
-        var {
-          tokens
-        } = param;
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: getSpace(tokens.space[val], {
-            shift: -4
-          })
-        };
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context,
+	displayName: NAME,
+	render: "li",
+	role: "listitem",
+	size: true,
+	alignItems: "center",
+	justifyContent: "space-between",
+	flexWrap: "nowrap",
+	width: "100%",
+	maxWidth: "100%",
+	overflow: "hidden",
+	flexDirection: "row",
+	variants: {
+		size: {
+			true: listItemSizeVariant,
+			Size: listItemSizeVariant
+		},
+		disabled: { true: { pointerEvents: "none" } }
+	}
 });
 var ListItemText = styled(SizableText, {
-  context,
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        size: "$true",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipsis: true,
-        cursor: "inherit"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	context,
+	displayName: "ListItemText",
+	size: true,
+	flexGrow: 1,
+	flexShrink: 1,
+	ellipsis: true,
+	cursor: "inherit"
 });
 var ListItemSubtitle = styled(ListItemText, {
-  name: "ListItemSubtitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        color: "$color"
-      }
-    },
-    size: {
-      "...size": function (val, extras) {
-        var oneSmaller = getSize(val, {
-          shift: -1,
-          excludeHalfSteps: true
-        });
-        var fontStyle = getFontSized(oneSmaller.key, extras);
-        return fontStyle;
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "ListItemSubtitle",
+	context,
+	opacity: .6,
+	maxWidth: "100%",
+	variants: { size: {
+		true: listItemSubtitleSizeVariant,
+		Size: listItemSubtitleSizeVariant
+	} }
 });
 var ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle",
-  context,
-  variants: {
-    unstyled: {
-      false: {}
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: "ListItemTitle",
+	context
 });
-var ListItemIcon = function (props) {
-  var {
-    children,
-    size,
-    scaleIcon = 1
-  } = props;
-  var styledContext = context.useStyledContext();
-  if (!styledContext) {
-    throw new Error("ListItem.Icon must be used within a ListItem");
-  }
-  var _ref;
-  var sizeToken = (_ref = size !== null && size !== void 0 ? size : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true";
-  var iconColor = useCurrentColor(styledContext.color);
-  var iconSize = getFontSize(sizeToken) * scaleIcon;
-  return getIcon(children, {
-    size: iconSize,
-    color: iconColor
-  });
+var ListItemIcon = function(props) {
+	var { children, size, scaleIcon = 1 } = props;
+	var styledContext = context.useStyledContext();
+	if (!styledContext) {
+		throw new Error("ListItem.Icon must be used within a ListItem");
+	}
+	var _ref;
+	var sizeToken = (_ref = size !== null && size !== void 0 ? size : styledContext.size) !== null && _ref !== void 0 ? _ref : true;
+	var contextColor = styledContext.color;
+	var iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
+	var iconSize = getThemedIconSize(sizeToken, scaleIcon);
+	var getThemedIcon = useGetThemedIcon({
+		size: iconSize,
+		color: iconColorProp
+	});
+	return getThemedIcon(children);
 };
-var ListItemComponent = ListItemFrame.styleable(function ListItem(propsIn, ref) {
-  var {
-    children,
-    icon,
-    iconAfter,
-    scaleIcon = 1,
-    unstyled = false,
-    subTitle,
-    title,
-    iconSize,
-    ...rest
-  } = propsIn;
-  var size = propsIn.size || "$true";
-  var styledContext = context.useStyledContext();
-  var iconColor = useCurrentColor(styledContext === null || styledContext === void 0 ? void 0 : styledContext.color);
-  var iconSizeNumber = getFontSize(iconSize || size) * scaleIcon;
-  var iconSpacing = iconSizeNumber * 0.4;
-  var themedIcon = icon ? /* @__PURE__ */_jsx(View, {
-    marginRight: iconSpacing,
-    children: getIcon(icon, {
-      size: iconSizeNumber,
-      color: iconColor
-    })
-  }) : null;
-  var themedIconAfter = iconAfter ? /* @__PURE__ */_jsx(View, {
-    marginLeft: iconSpacing,
-    children: getIcon(iconAfter, {
-      size: iconSizeNumber,
-      color: iconColor
-    })
-  }) : null;
-  var wrappedChildren = wrapChildrenInText(ListItemText, {
-    children
-  }, propsIn.unstyled !== true ? {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1",
-    fontSize: propsIn.size
-  } : void 0);
-  return /* @__PURE__ */_jsxs(ListItemFrame, {
-    ref,
-    ...rest,
-    children: [themedIcon, title || subTitle ? /* @__PURE__ */_jsxs(YStack, {
-      flex: 1,
-      children: [title ? typeof title === "string" ? /* @__PURE__ */_jsx(ListItemTitle, {
-        unstyled,
-        size,
-        children: title
-      }) : title : null, subTitle ? /* @__PURE__ */_jsx(_Fragment, {
-        children: typeof subTitle === "string" ? /* @__PURE__ */_jsx(ListItemSubtitle, {
-          unstyled,
-          size,
-          children: subTitle
-        }) : subTitle
-      }) : null, wrappedChildren]
-    }) : wrappedChildren, themedIconAfter]
-  });
+var ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(propsIn, ref) {
+	var processedProps = useProps(propsIn, {
+		noNormalize: true,
+		noExpand: true
+	});
+	var { children, icon, iconAfter, scaleIcon = 1, subTitle, title, iconSize, color, ...rest } = processedProps;
+	var styledContext = context.useStyledContext();
+	var _rest_size, _ref, _ref1;
+	var size = (_ref1 = (_ref = (_rest_size = rest.size) !== null && _rest_size !== void 0 ? _rest_size : propsIn.size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : true;
+	var _ref2;
+	var contextColor = (_ref2 = color !== null && color !== void 0 ? color : propsIn.color) !== null && _ref2 !== void 0 ? _ref2 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;
+	var iconColorProp = contextColor === "unset" || typeof contextColor === "number" ? void 0 : contextColor;
+	var iconSizeNumber = getThemedIconSize(iconSize !== null && iconSize !== void 0 ? iconSize : size, scaleIcon);
+	var getThemedIcon = useGetThemedIcon({
+		size: iconSizeNumber,
+		color: iconColorProp
+	});
+	var themedIcon = icon ? getThemedIcon(icon) : null;
+	var themedIconAfter = iconAfter ? getThemedIcon(iconAfter) : null;
+	var wrappedChildren = wrapChildrenInText(ListItemText, { children }, { size });
+	var _rest_variant, _ref3;
+	var listItemContext = {
+		...styledContext,
+		color: contextColor,
+		size,
+		variant: (_ref3 = (_rest_variant = rest.variant) !== null && _rest_variant !== void 0 ? _rest_variant : propsIn.variant) !== null && _ref3 !== void 0 ? _ref3 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.variant
+	};
+	var frameProps = {
+		size,
+		variant: listItemContext.variant,
+		...rest
+	};
+	return /* @__PURE__ */ jsx(context.Provider, {
+		...listItemContext,
+		children: /* @__PURE__ */ jsx(ListItemFrame, {
+			ref,
+			...frameProps,
+			children: /* @__PURE__ */ jsxs(context.Provider, {
+				...listItemContext,
+				children: [
+					themedIcon,
+					title || subTitle ? /* @__PURE__ */ jsxs(YStack, {
+						flex: 1,
+						children: [
+							title ? typeof title === "string" ? /* @__PURE__ */ jsx(ListItemTitle, {
+								size,
+								children: title
+							}) : title : null,
+							subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, {
+								size,
+								children: subTitle
+							}) : subTitle }) : null,
+							wrappedChildren
+						]
+					}) : wrappedChildren,
+					themedIconAfter
+				]
+			})
+		})
+	});
 });
 var ListItem2 = withStaticProperties(ListItemComponent, {
-  Apply: context.Provider,
-  Frame: ListItemFrame,
-  Text: ListItemText,
-  Subtitle: ListItemSubtitle,
-  Icon: ListItemIcon,
-  Title: ListItemTitle
+	Apply: context.Provider,
+	Frame: ListItemFrame,
+	Text: ListItemText,
+	Subtitle: ListItemSubtitle,
+	Icon: ListItemIcon,
+	Title: ListItemTitle
 });
-export { ListItem2 as ListItem };
+
+export { ListItem2 as ListItem, listItemSizeVariant };
 //# sourceMappingURL=ListItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getFontSize","getFontSized","getSize","getSpace","withStaticProperties","getIcon","useCurrentColor","YStack","SizableText","wrapChildrenInText","createStyledContext","styled","View","NAME","context","size","variant","color","ListItemFrame","name","render","role","variants","unstyled","false","alignItems","justifyContent","flexWrap","borderColor","width","maxWidth","overflow","flexDirection","backgroundColor","cursor","hoverStyle","pressStyle","outlined","process","env","TAMAGUI_HEADLESS","borderWidth","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","disabled","opacity","pointerEvents","defaultVariants","ListItemText","flexGrow","flexShrink","ellipsis","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","fontStyle","key","ListItemTitle","ListItemIcon","props","children","scaleIcon","styledContext","useStyledContext","Error","_ref","sizeToken","iconColor","iconSize","ListItemComponent","styleable","ListItem","propsIn","ref","icon","iconAfter","subTitle","title","rest","iconSizeNumber","iconSpacing","themedIcon","marginRight","themedIconAfter","marginLeft","wrappedChildren","fontSize","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC5B,SAASC,WAAA,4BAAoB;AAC7B,SAASC,YAAS,iCAAgB;AAClC,SAASC,OAAA,EAAAC,QAAA,4BAA4B;AACrC,SAASC,oBAAS,0BAAuB;AACzC,SAASC,OAAA,EAAAC,eAAc;AACvB,SAASC,MAAA,QAAa;AAEtB,SAASC,WAAA,EAAAC,kBAA6B,uBAAY;AAgO5C,SAoCQC,mBAXJ,EAAAC,MAzBJ,EAAAC,IAAA;AA9MN,IAAAC,IAAM,aAAO;AAEb,IAAAC,OAAM,GAAAJ,mBAAU;EAKdK,IAAA,EAAM;EACNC,OAAA,EAAS;EACTC,KAAA,EAAO;AACT,CAAC;AAED,IAAAC,aAAM,GAAAP,MAAgB,CAAAC,IAAO;EAC3BE,OAAA;EACAK,IAAA,EAAMN,IAAA;EACNO,MAAA,EAAQ;EACRC,IAAA,EAAM;EAENC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLT,IAAA,EAAM;QACNU,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,QAAA,EAAU;QACVC,WAAA,EAAa;QACbC,KAAA,EAAO;QACPC,QAAA,EAAU;QACVC,QAAA,EAAU;QACVC,aAAA,EAAe;QACfC,eAAA,EAAiB;QACjBC,MAAA,EAAQ;QAERC,UAAA,EAAY;UACVF,eAAA,EAAiB;UACjBL,WAAA,EAAa;QACf;QAEAQ,UAAA,EAAY;UACVH,eAAA,EAAiB;UACjBL,WAAA,EAAa;QACf;MACF;IACF;IAEAZ,OAAA,EAAS;MACPqB,QAAA,EACEC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,MAC7B,CAAC,IACD;QACEP,eAAA,EAAiB;QACjBQ,WAAA,EAAa;QACbb,WAAA,EAAa;QAEbO,UAAA,EAAY;UACVF,eAAA,EAAiB;UACjBL,WAAA,EAAa;QACf;QAEAQ,UAAA,EAAY;UACVH,eAAA,EAAiB;UACjBL,WAAA,EAAa;QACf;MACF;IACR;IAEAb,IAAA,EAAM;MACJ,WAAW,SAAA2B,CAAoBC,GAAA,EAAAC,KAAO,EAAM;QAC1C;UAAAC;QAAO,IAAAD,KAAA;QAAA,OACL;UACAE,SAAA,EAAAD,MAAA,CAAA9B,IAAmB,CAAA4B,GAAO;UAC1BI,iBAAiB,EAAAF,MAAA,CAASG,KAAA,CAAAL,GAAO;UAAYM,eACpC,EAAA9C,QAAA,CAAA0C,MAAA,CAAAG,KAAA,CAAAL,GAAA;YACRO,KAAA;UACH;QACF;MACF;IAEA;IAAQC,MACN,EAAM;MAAAC,IACJ;QAAYjB,UACV;UACFF,eAAA;QACF;MACF;IAEA;IAAUoB,QACF;MAAAD,IACJ;QACAE,OAAA;QACFC,aAAA;MACF;IACF;EAEA;EAAiBC,eACL;IACZjC,QAAA,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAAyC,IACvCiB,YAAA,GAAA9C,MAAA,CAAAH,WAAA;EACAM,OAAM;EAENK,IAAA,gBAAU;EAAAG,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACAP,KAAA,EAAM;QACNF,IAAA,SAAU;QACV2C,QAAA;QACAC,UAAU;QACVC,QAAQ;QACV1B,MAAA;MACF;IACF;EAEA;EAAiBsB,eACL;IACZjC,QAAA,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAA8C,IAC5CqB,gBAAM,GAAAlD,MAAA,CAAA8C,YAAA;EACNtC,IAAA;EACAL,OAAA;EAAUQ,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACA8B,OAAA,KAAU;QACVxB,QAAO;QACTb,KAAA;MACF;IAEA;IAAMF,IACJ;MACE,SAAM,WAAA2B,CAAAC,GAAa,EAAAmB,MAAQ;QAAK,IAC9BC,UAAO,GAAA7D,OAAA,CAAAyC,GAAA;UACPO,KAAA;UACDc,gBAAA;QACD;QACA,IAAAC,SAAO,GAAAhE,YAAA,CAAA8D,UAAA,CAAAG,GAAA,EAAAJ,MAAA;QACT,OAAAG,SAAA;MACF;IACF;EAEA;EAAiBT,eACL;IACZjC,QAAA,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAA2C,IACzC2B,aAAM,GAAAxD,MAAA,CAAA8C,YAAA;EACNtC,IAAA;EACAL,OAAA;EAAUQ,QACR;IAAUC,QACR,EAAQ;MACVC,KAAA;IACF;EACA;EAAiBgC,eACL;IACZjC,QAAA,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAED;AAKE,IAAA4B,YAAQ,YAAAA,CAAgBC,KAAA;EACxB;IAAMC,QAAA;IAAAvD,IAAA;IAAgBwD,SAAQ;EAAA,IAAAF,KAAA;EAC9B,IAAIG,aAAC,GAAe1D,OAAA,CAAA2D,gBAAA;EAClB,KAAAD,aAAgB;IAClB,UAAAE,KAAA;EAEA;EACA,IAAAC,IAAM;EAEN,IAAAC,SAAM,IAAWD,IAAA,GAAA5D,IAAA,KAAY,QAAgBA,IAAI,cAAAA,IAAA,GAAAyD,aAAA,CAAAzD,IAAA,cAAA4D,IAAA,cAAAA,IAAA;EAEjD,IAAAE,SAAO,GAAQvE,eAAU,CAAAkE,aAAA,CAAAvD,KAAA;EAAA,IACvB6D,QAAM,GAAA9E,WAAA,CAAA4E,SAAA,IAAAL,SAAA;EAAA,OACNlE,OAAO,CAAAiE,QAAA;IACRvD,IAAA,EAAA+D,QAAA;IACH7D,KAAA,EAAA4D;EAEA;AAAwC;AAEpC,IAAAE,iBAAM,GAAA7D,aAAA,CAAA8D,SAAA,UAAAC,SAAAC,OAAA,EAAAC,GAAA;EAAA,IACJ;IAAAb,QAAA;IAAAc,IAAA;IAAAC,SAAA;IAAAd,SAAA;IAAAhD,QAAA;IAAA+D,QAAA;IAAAC,KAAA;IAAAT,QAAA;IAAA,GAAAU;EAAA,IAAAN,OAAA;EAAA,IACAnE,IAAA,GAAAmE,OAAA,CAAAnE,IAAA;EAAA,IACAyD,aAAA,GAAA1D,OAAA,CAAA2D,gBAAA;EAAA,IACAI,SAAA,GAAYvE,eAAA,CAAAkE,aAAA,aAAAA,aAAA,uBAAAA,aAAA,CAAAvD,KAAA;EAAA,IACZwE,cAAW,GAAAzF,WAAA,CAAA8E,QAAA,IAAA/D,IAAA,IAAAwD,SAAA;EAAA,IACXmB,WAAA,GAAAD,cAAA;EAAA,IACAE,UAAA,GAAAP,IAAA,kBAAAzF,IAAA,CAAAiB,IAAA;IAAAgF,WACA,EAAAF,WAAA;IAAApB,QACG,EAAAjE,OAAA,CAAA+E,IAAA;MACLrE,IAAI,EAAA0E,cAAA;MAEJxE,KAAM,EAAA4D;IACN;EACA,SAAM;EACN,IAAAgB,eAAM,GAAAR,SAAiB,kBAAyB1F,IAAY,CAAAiB,IAAI;IAEhEkF,UAAM,EAAAJ,WAAc;IACpBpB,QAAM,EAAAjE,OAAA,CAAAgF,SACJ;MAIFtE,IAAM,EAAA0E,cAAA;MAMNxE,KAAM,EAAA4D;IAAkB;EACtB,KACA,IAAE;EAAS,IACXkB,eAAQ,GAAAtF,kBACJ,CAAAgD,YAAA;IAAAa;EAC6C,GAAAY,OAC3C,CAAA3D,QAAU,KAAQ;IAAAA,QAEpB,EAAAe,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACNwD,QAAA,EAAAd,OAAA,CAAAnE;EAEA,SACE;EACG,sBAAAlB,KAAA,CAAAqB,aAAA;IAAAiE,GACA;IAEI,GAAAK,IAAA;IAQGlB,QACH,GAUGqB,UACH,EAAAJ,KACH,IAEAD,QAAA,kBAAAzF,KAAA,CAAAU,MAAA;MAED0F,IAAA;MACH3B,QAAA,GAEJiB,KAAA,UAAAA,KAAA,+BAAA5F,IAAA,CAAAwE,aAAA;QACF5C,QAAA;QAEaR,IAAA;QACJuD,QAAQ,EAAAiB;MACR,KAAAA,KAAA,SACDD,QAAA,kBAAA3F,IAAA,CAAAI,SAAA;QACIuE,QAAA,SAAAgB,QAAA,+BAAA3F,IAAA,CAAAkE,gBAAA;UACJtC,QAAA;UACCR,IAAA;UACRuD,QAAA,EAAAgB","ignoreList":[]}
+{"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 { getFontSized } from \"@tamagui/get-font-sized\";\nimport { oneSizeTokenSmaller } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { resolveSizeToken } from \"@tamagui/size\";\nimport { SizableText, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, createStyledHOC, getVariableValue, styled, useProps, View } from \"@tamagui/web\";\nvar NAME = \"ListItem\";\nvar context = createStyledContext({\n  size: void 0,\n  variant: void 0,\n  color: void 0\n});\nvar listItemSizeVariant = function(val, param) {\n  var { tokens } = param;\n  var sizeToken = resolveSizeToken(val, \"size\");\n  var spaceToken = resolveSizeToken(val, \"space\");\n  var size = typeof sizeToken === \"number\" ? sizeToken : tokens.size[sizeToken];\n  var sizeVal = getVariableValue(size);\n  return {\n    minHeight: size,\n    paddingHorizontal: tokens.space[spaceToken],\n    paddingVertical: Math.max(0, Math.round(sizeVal * 0.36 - 9)),\n    gap: getThemedIconSize(sizeToken, 0.4)\n  };\n};\nvar listItemSubtitleSizeVariant = function(val, extras) {\n  var fontSizeToken = resolveSizeToken(val, \"fontSize\");\n  var oneSmaller = oneSizeTokenSmaller(fontSizeToken);\n  return getFontSized(oneSmaller, extras);\n};\nvar ListItemFrame = styled(View, {\n  context,\n  displayName: NAME,\n  render: \"li\",\n  role: \"listitem\",\n  size: true,\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    size: {\n      true: listItemSizeVariant,\n      Size: listItemSizeVariant\n    },\n    disabled: {\n      true: {\n        pointerEvents: \"none\"\n      }\n    }\n  }\n});\nvar ListItemText = styled(SizableText, {\n  context,\n  displayName: \"ListItemText\",\n  size: true,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipsis: true,\n  cursor: \"inherit\"\n});\nvar ListItemSubtitle = styled(ListItemText, {\n  displayName: \"ListItemSubtitle\",\n  context,\n  opacity: 0.6,\n  maxWidth: \"100%\",\n  variants: {\n    size: {\n      true: listItemSubtitleSizeVariant,\n      Size: listItemSubtitleSizeVariant\n    }\n  }\n});\nvar ListItemTitle = styled(ListItemText, {\n  displayName: \"ListItemTitle\",\n  context\n});\nvar ListItemIcon = function(props) {\n  var { children, size, scaleIcon = 1 } = props;\n  var styledContext = context.useStyledContext();\n  if (!styledContext) {\n    throw new Error(\"ListItem.Icon must be used within a ListItem\");\n  }\n  var _ref;\n  var sizeToken = (_ref = size !== null && size !== void 0 ? size : styledContext.size) !== null && _ref !== void 0 ? _ref : true;\n  var contextColor = styledContext.color;\n  var iconColorProp = contextColor === \"unset\" || typeof contextColor === \"number\" ? void 0 : contextColor;\n  var iconSize = getThemedIconSize(sizeToken, scaleIcon);\n  var getThemedIcon = useGetThemedIcon({\n    size: iconSize,\n    color: iconColorProp\n  });\n  return getThemedIcon(children);\n};\nvar ListItemComponent = createStyledHOC(ListItemFrame, function ListItem(propsIn, ref) {\n  var processedProps = useProps(propsIn, {\n    noNormalize: true,\n    noExpand: true\n  });\n  var { children, icon, iconAfter, scaleIcon = 1, subTitle, title, iconSize, color, ...rest } = processedProps;\n  var styledContext = context.useStyledContext();\n  var _rest_size, _ref, _ref1;\n  var size = (_ref1 = (_ref = (_rest_size = rest.size) !== null && _rest_size !== void 0 ? _rest_size : propsIn.size) !== null && _ref !== void 0 ? _ref : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : true;\n  var _ref2;\n  var contextColor = (_ref2 = color !== null && color !== void 0 ? color : propsIn.color) !== null && _ref2 !== void 0 ? _ref2 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.color;\n  var iconColorProp = contextColor === \"unset\" || typeof contextColor === \"number\" ? void 0 : contextColor;\n  var iconSizeNumber = getThemedIconSize(iconSize !== null && iconSize !== void 0 ? iconSize : size, scaleIcon);\n  var getThemedIcon = useGetThemedIcon({\n    size: iconSizeNumber,\n    color: iconColorProp\n  });\n  var themedIcon = icon ? getThemedIcon(icon) : null;\n  var themedIconAfter = iconAfter ? getThemedIcon(iconAfter) : null;\n  var wrappedChildren = wrapChildrenInText(ListItemText, {\n    children\n  }, {\n    size\n  });\n  var _rest_variant, _ref3;\n  var listItemContext = {\n    ...styledContext,\n    color: contextColor,\n    size,\n    variant: (_ref3 = (_rest_variant = rest.variant) !== null && _rest_variant !== void 0 ? _rest_variant : propsIn.variant) !== null && _ref3 !== void 0 ? _ref3 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.variant\n  };\n  var frameProps = {\n    size,\n    variant: listItemContext.variant,\n    ...rest\n  };\n  return /* @__PURE__ */ _jsx(context.Provider, {\n    ...listItemContext,\n    children: /* @__PURE__ */ _jsx(ListItemFrame, {\n      ref,\n      ...frameProps,\n      children: /* @__PURE__ */ _jsxs(context.Provider, {\n        ...listItemContext,\n        children: [\n          themedIcon,\n          title || subTitle ? /* @__PURE__ */ _jsxs(YStack, {\n            flex: 1,\n            children: [\n              title ? typeof title === \"string\" ? /* @__PURE__ */ _jsx(ListItemTitle, {\n                size,\n                children: title\n              }) : title : null,\n              subTitle ? /* @__PURE__ */ _jsx(_Fragment, {\n                children: typeof subTitle === \"string\" ? /* @__PURE__ */ _jsx(ListItemSubtitle, {\n                  size,\n                  children: subTitle\n                }) : subTitle\n              }) : null,\n              wrappedChildren\n            ]\n          }) : wrappedChildren,\n          themedIconAfter\n        ]\n      })\n    })\n  });\n});\nvar ListItem2 = withStaticProperties(ListItemComponent, {\n  Apply: context.Provider,\n  Frame: ListItemFrame,\n  Text: ListItemText,\n  Subtitle: ListItemSubtitle,\n  Icon: ListItemIcon,\n  Title: ListItemTitle\n});\nexport {\n  ListItem2 as ListItem,\n  listItemSizeVariant\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1 @@
-export * from "./ListItem.mjs";
-//# sourceMappingURL=index.js.map
+export * from "./ListItem.mjs"

package/dist/esm/index.mjs

@@ -1,2 +1 @@
-export * from "./ListItem.mjs";
-//# sourceMappingURL=index.mjs.map
+export * from "./ListItem.mjs"

package/dist/esm/index.native.js

@@ -1,2 +1 @@
-export * from "./ListItem.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./ListItem.native.js"