@tamagui/list-item 1.13.2 → 1.13.4

package/dist/cjs/ListItem.js

@@ -1,216 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  ListItem: () => ListItem,
-  ListItemFrame: () => ListItemFrame,
-  ListItemSubtitle: () => ListItemSubtitle,
-  ListItemText: () => ListItemText,
-  ListItemTitle: () => ListItemTitle,
-  listItemStaticConfig: () => listItemStaticConfig,
-  useListItem: () => useListItem
-});
-module.exports = __toCommonJS(ListItem_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@tamagui/core");
-var import_font_size = require("@tamagui/font-size");
-var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
-var import_stacks = require("@tamagui/stacks");
-var import_text = require("@tamagui/text");
-var import_react = require("react");
-const NAME = "ListItem";
-const ListItemFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  name: NAME,
-  tag: "li",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        width: "100%",
-        borderColor: "$borderColor",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$backgroundStrong"
-      }
-    },
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: (0, import_helpers_tamagui.getSpace)(val, -2)
-        };
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        // TODO breaking types
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemText = (0, import_core.styled)(import_text.SizableText, {
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        userSelect: "none",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipse: true,
-        cursor: "default"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemSubtitle = (0, import_core.styled)(ListItemText, {
-  name: "ListItemSubtitle",
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        size: "$3",
-        color: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemTitle = (0, import_core.styled)(ListItemText, {
-  name: "ListItemTitle"
-});
-const useListItem = (props, {
-  Text = ListItemText,
-  Subtitle = ListItemSubtitle,
-  Title = ListItemTitle
-} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
-  const {
-    children,
-    icon,
-    iconAfter,
-    noTextWrap,
-    theme: themeName,
-    space,
-    spaceFlex,
-    scaleIcon = 1,
-    scaleSpace = 1,
-    subTitle,
-    // text props
-    color,
-    fontWeight,
-    letterSpacing,
-    fontSize,
-    fontFamily,
-    textAlign,
-    textProps,
-    title,
-    ...rest
-  } = props;
-  const mediaActiveProps = (0, import_core.useMediaPropsActive)(props);
-  const size = mediaActiveProps.size || "$true";
-  const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
-  const iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon;
-  const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
-  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
-  const spaceSize = (0, import_core.getVariableValue)((0, import_core.getTokens)().space[mediaActiveProps.space] ?? iconSize) * scaleSpace;
-  const contents = (0, import_text.wrapChildrenInText)(Text, mediaActiveProps);
-  return {
-    props: {
-      fontFamily,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-        themedIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          themedIcon,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Spacer, { size: spaceSize })
-        ] }) : null,
-        title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
-          noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { size, children: title }),
-          subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
-            // TODO can use theme but we need to standardize to alt themes
-            // or standardize on subtle colors in themes
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { size: subtitleSize, children: subTitle })
-          ) : subTitle }) : null,
-          contents
-        ] }) : contents,
-        themedIconAfter ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Spacer, { size: spaceSize }),
-          themedIconAfter
-        ] }) : null
-      ] })
-    }
-  };
-};
-const ListItemComponent = (0, import_react.forwardRef)((props, ref) => {
-  const { props: listItemProps } = useListItem(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
-});
-const listItemStaticConfig = {
-  inlineProps: /* @__PURE__ */ new Set([
-    // text props go here (can't really optimize them, but we never fully extract listItem anyway)
-    "color",
-    "fontWeight",
-    "fontSize",
-    "fontFamily",
-    "letterSpacing",
-    "textAlign"
-  ])
-};
-const ListItem = (0, import_core.withStaticProperties)(
-  ListItemFrame.extractable(
-    (0, import_core.themeable)(ListItemComponent, { componentName: NAME }),
-    listItemStaticConfig
-  ),
-  {
-    Text: ListItemText,
-    Subtitle: ListItemSubtitle
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ListItem,
-  ListItemFrame,
-  ListItemSubtitle,
-  ListItemText,
-  ListItemTitle,
-  listItemStaticConfig,
-  useListItem
-});
+"use strict";var x=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var D=(o,n)=>{for(var i in n)x(o,i,{get:n[i],enumerable:!0})},J=(o,n,i,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of M(n))!Y.call(o,s)&&s!==i&&x(o,s,{get:()=>n[s],enumerable:!(l=H(n,s))||l.enumerable});return o};var O=o=>J(x({},"__esModule",{value:!0}),o);var q={};D(q,{ListItem:()=>j,ListItemFrame:()=>I,ListItemSubtitle:()=>c,ListItemText:()=>r,ListItemTitle:()=>b,listItemStaticConfig:()=>k,useListItem:()=>$});module.exports=O(q);var t=require("react/jsx-runtime"),e=require("@tamagui/core"),C=require("@tamagui/font-size"),p=require("@tamagui/helpers-tamagui"),m=require("@tamagui/stacks"),u=require("@tamagui/text"),F=require("react");const L="ListItem",I=(0,e.styled)(m.ThemeableStack,{name:L,tag:"li",variants:{unstyled:{false:{size:"$true",alignItems:"center",flexWrap:"nowrap",width:"100%",borderColor:"$borderColor",maxWidth:"100%",overflow:"hidden",flexDirection:"row",backgroundColor:"$backgroundStrong"}},size:{"...size":(o,{tokens:n})=>({minHeight:n.size[o],paddingHorizontal:n.space[o],paddingVertical:(0,p.getSpace)(o,-2)})},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{opacity:.5,pointerEvents:"none"}}},defaultVariants:{unstyled:!1}}),r=(0,e.styled)(u.SizableText,{name:"ListItemText",variants:{unstyled:{false:{color:"$color",userSelect:"none",flexGrow:1,flexShrink:1,ellipse:!0,cursor:"default"}}},defaultVariants:{unstyled:!1}}),c=(0,e.styled)(r,{name:"ListItemSubtitle",variants:{unstyled:{false:{opacity:.6,maxWidth:"100%",size:"$3",color:"$color"}}},defaultVariants:{unstyled:!1}}),b=(0,e.styled)(r,{name:"ListItemTitle"}),$=(o,{Text:n=r,Subtitle:i=c,Title:l=b}={Text:r,Subtitle:c,Title:b})=>{const{children:s,icon:w,iconAfter:A,noTextWrap:T,theme:B,space:K,spaceFlex:Q,scaleIcon:W=1,scaleSpace:v=1,subTitle:a,color:R,fontWeight:U,letterSpacing:Z,fontSize:_,fontFamily:V,textAlign:ee,textProps:te,title:d,...E}=o,f=(0,e.useMediaPropsActive)(o),S=f.size||"$true",N=`$${+String(S).replace("$","")-1}`,g=(0,C.getFontSize)(S)*W,G=(0,p.useGetThemedIcon)({size:g,color:R}),[y,h]=[w,A].map(G),z=(0,e.getVariableValue)((0,e.getTokens)().space[f.space]??g)*v,P=(0,u.wrapChildrenInText)(n,f);return{props:{fontFamily:V,...E,children:(0,t.jsxs)(t.Fragment,{children:[y?(0,t.jsxs)(t.Fragment,{children:[y,(0,t.jsx)(e.Spacer,{size:z})]}):null,d||a?(0,t.jsxs)(m.YStack,{flex:1,children:[T==="all"?d:(0,t.jsx)(l,{size:S,children:d}),a?(0,t.jsx)(t.Fragment,{children:typeof a=="string"&&T!=="all"?(0,t.jsx)(i,{size:N,children:a}):a}):null,P]}):P,h?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.Spacer,{size:z}),h]}):null]})}}},X=(0,F.forwardRef)((o,n)=>{const{props:i}=$(o);return(0,t.jsx)(I,{ref:n,justifyContent:"space-between",...i})}),k={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","letterSpacing","textAlign"])},j=(0,e.withStaticProperties)(I.extractable((0,e.themeable)(X,{componentName:L}),k),{Text:r,Subtitle:c});0&&(module.exports={ListItem,ListItemFrame,ListItemSubtitle,ListItemText,ListItemTitle,listItemStaticConfig,useListItem});
 //# sourceMappingURL=ListItem.js.map

package/dist/cjs/ListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ListItem.tsx"],
   "sourcesContent": ["import {\n  FontSizeTokens,\n  GetProps,\n  Spacer,\n  TamaguiElement,\n  ThemeableProps,\n  getTokens,\n  getVariableValue,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getFontSize } from '@tamagui/font-size'\nimport { getSpace, useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { ThemeableStack, YStack } from '@tamagui/stacks'\nimport { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef } from 'react'\n\ntype ListItemIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ListItemIconProps> | null\n\nexport type ListItemProps = Omit<TextParentStyles, 'TextComponent' | 'noTextWrap'> &\n  GetProps<typeof ListItemFrame> &\n  ThemeableProps & {\n    /**\n     * add icon before, passes color and size automatically if Component\n     */\n    icon?: IconProp\n    /**\n     * add icon after, passes color and size automatically if Component\n     */\n    iconAfter?: IconProp\n    /**\n     * adjust icon relative to size\n     */\n    /**\n     * default: -1\n     */\n    scaleIcon?: number\n    /**\n     * make the spacing elements flex\n     */\n    spaceFlex?: number | boolean\n    /**\n     * adjust internal space relative to icon size\n     */\n    scaleSpace?: number\n    /**\n     * title\n     */\n    title?: React.ReactNode\n    /**\n     * subtitle\n     */\n    subTitle?: React.ReactNode\n    /**\n     * will not wrap text around `children` only, \"all\" will not wrap title or subTitle\n     */\n    noTextWrap?: boolean | 'all'\n  }\n\nconst NAME = 'ListItem'\n\nexport const ListItemFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'li',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        alignItems: 'center',\n        flexWrap: 'nowrap',\n        width: '100%',\n        borderColor: '$borderColor',\n        maxWidth: '100%',\n        overflow: 'hidden',\n        flexDirection: 'row',\n        backgroundColor: '$backgroundStrong',\n      },\n    },\n\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          minHeight: tokens.size[val],\n          paddingHorizontal: tokens.space[val],\n          paddingVertical: getSpace(val, -2),\n        }\n      },\n    },\n\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    disabled: {\n      true: {\n        opacity: 0.5,\n        // TODO breaking types\n        pointerEvents: 'none' as any,\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemText = styled(SizableText, {\n  name: 'ListItemText',\n\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color',\n        userSelect: 'none',\n        flexGrow: 1,\n        flexShrink: 1,\n        ellipse: true,\n        cursor: 'default',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemSubtitle = styled(ListItemText, {\n  name: 'ListItemSubtitle',\n\n  variants: {\n    unstyled: {\n      false: {\n        opacity: 0.6,\n        maxWidth: '100%',\n        size: '$3',\n        color: '$color',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemTitle = styled(ListItemText, {\n  name: 'ListItemTitle',\n})\n\nexport const useListItem = (\n  props: ListItemProps,\n  {\n    Text = ListItemText,\n    Subtitle = ListItemSubtitle,\n    Title = ListItemTitle,\n  }: {\n    Title?: any\n    Subtitle?: any\n    Text?: any\n  } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }\n) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 1,\n    subTitle,\n\n    // text props\n    color,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    title,\n    ...rest\n  } = props\n\n  const mediaActiveProps = useMediaPropsActive(props)\n  const size = mediaActiveProps.size || '$true'\n  const subtitleSize = `$${+String(size).replace('$', '') - 1}` as FontSizeTokens\n  const iconSize = getFontSize(size) * scaleIcon\n  const getThemedIcon = useGetThemedIcon({ size: iconSize, color })\n  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)\n  const spaceSize =\n    getVariableValue(getTokens().space[mediaActiveProps.space as any] ?? iconSize) *\n    scaleSpace\n  // @ts-ignore noTextWrap = all is ok\n  const contents = wrapChildrenInText(Text, mediaActiveProps)\n\n  return {\n    props: {\n      fontFamily,\n      ...rest,\n      children: (\n        <>\n          {themedIcon ? (\n            <>\n              {themedIcon}\n              <Spacer size={spaceSize} />\n            </>\n          ) : null}\n          {/* helper for common title/subtitle pttern */}\n          {title || subTitle ? (\n            <YStack flex={1}>\n              {noTextWrap === 'all' ? title : <Title size={size}>{title}</Title>}\n              {subTitle ? (\n                <>\n                  {typeof subTitle === 'string' && noTextWrap !== 'all' ? (\n                    // TODO can use theme but we need to standardize to alt themes\n                    // or standardize on subtle colors in themes\n                    <Subtitle size={subtitleSize}>{subTitle}</Subtitle>\n                  ) : (\n                    subTitle\n                  )}\n                </>\n              ) : null}\n              {contents}\n            </YStack>\n          ) : (\n            contents\n          )}\n          {themedIconAfter ? (\n            <>\n              <Spacer size={spaceSize} />\n              {themedIconAfter}\n            </>\n          ) : null}\n        </>\n      ),\n    },\n  }\n}\n\nconst ListItemComponent = forwardRef<TamaguiElement, ListItemProps>((props, ref) => {\n  const { props: listItemProps } = useListItem(props)\n  return <ListItemFrame ref={ref} justifyContent=\"space-between\" {...listItemProps} />\n})\n\nexport const listItemStaticConfig = {\n  inlineProps: new Set([\n    // text props go here (can't really optimize them, but we never fully extract listItem anyway)\n    'color',\n    'fontWeight',\n    'fontSize',\n    'fontFamily',\n    'letterSpacing',\n    'textAlign',\n  ]),\n}\n\nexport const ListItem = withStaticProperties(\n  ListItemFrame.extractable(\n    themeable(ListItemComponent, { componentName: NAME }),\n    listItemStaticConfig\n  ),\n  {\n    Text: ListItemText,\n    Subtitle: ListItemSubtitle,\n  }\n)\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["ListItem_exports", "__export", "ListItem", "ListItemFrame", "ListItemSubtitle", "ListItemText", "ListItemTitle", "listItemStaticConfig", "useListItem", "__toCommonJS", "import_jsx_runtime", "import_core", "import_font_size", "import_helpers_tamagui", "import_stacks", "import_text", "import_react", "NAME", "val", "tokens", "props", "Text", "Subtitle", "Title", "children", "icon", "iconAfter", "noTextWrap", "themeName", "space", "spaceFlex", "scaleIcon", "scaleSpace", "subTitle", "color", "fontWeight", "letterSpacing", "fontSize", "fontFamily", "textAlign", "textProps", "title", "rest", "mediaActiveProps", "size", "subtitleSize", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "spaceSize", "contents", "ListItemComponent", "ref", "listItemProps"]
 }

package/dist/cjs/index.js

@@ -1,19 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./ListItem"), module.exports);
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./ListItem"),module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './ListItem'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
-  "names": []
+  "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,sBAAd",
+  "names": ["src_exports", "__toCommonJS", "__reExport"]
 }

package/dist/esm/ListItem.js

@@ -1,194 +1,2 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  Spacer,
-  getTokens,
-  getVariableValue,
-  styled,
-  themeable,
-  useMediaPropsActive,
-  withStaticProperties
-} from "@tamagui/core";
-import { getFontSize } from "@tamagui/font-size";
-import { getSpace, useGetThemedIcon } from "@tamagui/helpers-tamagui";
-import { ThemeableStack, YStack } from "@tamagui/stacks";
-import { SizableText, wrapChildrenInText } from "@tamagui/text";
-import { forwardRef } from "react";
-const NAME = "ListItem";
-const ListItemFrame = styled(ThemeableStack, {
-  name: NAME,
-  tag: "li",
-  variants: {
-    unstyled: {
-      false: {
-        size: "$true",
-        alignItems: "center",
-        flexWrap: "nowrap",
-        width: "100%",
-        borderColor: "$borderColor",
-        maxWidth: "100%",
-        overflow: "hidden",
-        flexDirection: "row",
-        backgroundColor: "$backgroundStrong"
-      }
-    },
-    size: {
-      "...size": (val, { tokens }) => {
-        return {
-          minHeight: tokens.size[val],
-          paddingHorizontal: tokens.space[val],
-          paddingVertical: getSpace(val, -2)
-        };
-      }
-    },
-    active: {
-      true: {
-        hoverStyle: {
-          backgroundColor: "$background"
-        }
-      }
-    },
-    disabled: {
-      true: {
-        opacity: 0.5,
-        // TODO breaking types
-        pointerEvents: "none"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemText = styled(SizableText, {
-  name: "ListItemText",
-  variants: {
-    unstyled: {
-      false: {
-        color: "$color",
-        userSelect: "none",
-        flexGrow: 1,
-        flexShrink: 1,
-        ellipse: true,
-        cursor: "default"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemSubtitle = styled(ListItemText, {
-  name: "ListItemSubtitle",
-  variants: {
-    unstyled: {
-      false: {
-        opacity: 0.6,
-        maxWidth: "100%",
-        size: "$3",
-        color: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const ListItemTitle = styled(ListItemText, {
-  name: "ListItemTitle"
-});
-const useListItem = (props, {
-  Text = ListItemText,
-  Subtitle = ListItemSubtitle,
-  Title = ListItemTitle
-} = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
-  const {
-    children,
-    icon,
-    iconAfter,
-    noTextWrap,
-    theme: themeName,
-    space,
-    spaceFlex,
-    scaleIcon = 1,
-    scaleSpace = 1,
-    subTitle,
-    // text props
-    color,
-    fontWeight,
-    letterSpacing,
-    fontSize,
-    fontFamily,
-    textAlign,
-    textProps,
-    title,
-    ...rest
-  } = props;
-  const mediaActiveProps = useMediaPropsActive(props);
-  const size = mediaActiveProps.size || "$true";
-  const subtitleSize = `$${+String(size).replace("$", "") - 1}`;
-  const iconSize = getFontSize(size) * scaleIcon;
-  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
-  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
-  const spaceSize = getVariableValue(getTokens().space[mediaActiveProps.space] ?? iconSize) * scaleSpace;
-  const contents = wrapChildrenInText(Text, mediaActiveProps);
-  return {
-    props: {
-      fontFamily,
-      ...rest,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        themedIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          themedIcon,
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize })
-        ] }) : null,
-        title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
-          noTextWrap === "all" ? title : /* @__PURE__ */ jsx(Title, { size, children: title }),
-          subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
-            // TODO can use theme but we need to standardize to alt themes
-            // or standardize on subtle colors in themes
-            /* @__PURE__ */ jsx(Subtitle, { size: subtitleSize, children: subTitle })
-          ) : subTitle }) : null,
-          contents
-        ] }) : contents,
-        themedIconAfter ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spacer, { size: spaceSize }),
-          themedIconAfter
-        ] }) : null
-      ] })
-    }
-  };
-};
-const ListItemComponent = forwardRef((props, ref) => {
-  const { props: listItemProps } = useListItem(props);
-  return /* @__PURE__ */ jsx(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
-});
-const listItemStaticConfig = {
-  inlineProps: /* @__PURE__ */ new Set([
-    // text props go here (can't really optimize them, but we never fully extract listItem anyway)
-    "color",
-    "fontWeight",
-    "fontSize",
-    "fontFamily",
-    "letterSpacing",
-    "textAlign"
-  ])
-};
-const ListItem = withStaticProperties(
-  ListItemFrame.extractable(
-    themeable(ListItemComponent, { componentName: NAME }),
-    listItemStaticConfig
-  ),
-  {
-    Text: ListItemText,
-    Subtitle: ListItemSubtitle
-  }
-);
-export {
-  ListItem,
-  ListItemFrame,
-  ListItemSubtitle,
-  ListItemText,
-  ListItemTitle,
-  listItemStaticConfig,
-  useListItem
-};
+import{Fragment as r,jsx as o,jsxs as a}from"react/jsx-runtime";import{Spacer as T,getTokens as v,getVariableValue as R,styled as s,themeable as V,useMediaPropsActive as E,withStaticProperties as N}from"@tamagui/core";import{getFontSize as G}from"@tamagui/font-size";import{getSpace as H,useGetThemedIcon as M}from"@tamagui/helpers-tamagui";import{ThemeableStack as Y,YStack as D}from"@tamagui/stacks";import{SizableText as J,wrapChildrenInText as O}from"@tamagui/text";import{forwardRef as X}from"react";const g="ListItem",y=s(Y,{name:g,tag:"li",variants:{unstyled:{false:{size:"$true",alignItems:"center",flexWrap:"nowrap",width:"100%",borderColor:"$borderColor",maxWidth:"100%",overflow:"hidden",flexDirection:"row",backgroundColor:"$backgroundStrong"}},size:{"...size":(e,{tokens:t})=>({minHeight:t.size[e],paddingHorizontal:t.space[e],paddingVertical:H(e,-2)})},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{opacity:.5,pointerEvents:"none"}}},defaultVariants:{unstyled:!1}}),i=s(J,{name:"ListItemText",variants:{unstyled:{false:{color:"$color",userSelect:"none",flexGrow:1,flexShrink:1,ellipse:!0,cursor:"default"}}},defaultVariants:{unstyled:!1}}),u=s(i,{name:"ListItemSubtitle",variants:{unstyled:{false:{opacity:.6,maxWidth:"100%",size:"$3",color:"$color"}}},defaultVariants:{unstyled:!1}}),h=s(i,{name:"ListItemTitle"}),j=(e,{Text:t=i,Subtitle:l=u,Title:z=h}={Text:i,Subtitle:u,Title:h})=>{const{children:K,icon:P,iconAfter:L,noTextWrap:d,theme:Q,space:U,spaceFlex:Z,scaleIcon:C=1,scaleSpace:F=1,subTitle:n,color:$,fontWeight:_,letterSpacing:ee,fontSize:te,fontFamily:k,textAlign:oe,textProps:ne,title:c,...w}=e,p=E(e),m=p.size||"$true",A=`$${+String(m).replace("$","")-1}`,f=G(m)*C,W=M({size:f,color:$}),[S,x]=[P,L].map(W),I=R(v().space[p.space]??f)*F,b=O(t,p);return{props:{fontFamily:k,...w,children:a(r,{children:[S?a(r,{children:[S,o(T,{size:I})]}):null,c||n?a(D,{flex:1,children:[d==="all"?c:o(z,{size:m,children:c}),n?o(r,{children:typeof n=="string"&&d!=="all"?o(l,{size:A,children:n}):n}):null,b]}):b,x?a(r,{children:[o(T,{size:I}),x]}):null]})}}},q=X((e,t)=>{const{props:l}=j(e);return o(y,{ref:t,justifyContent:"space-between",...l})}),B={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","letterSpacing","textAlign"])},Ie=N(y.extractable(V(q,{componentName:g}),B),{Text:i,Subtitle:u});export{Ie as ListItem,y as ListItemFrame,u as ListItemSubtitle,i as ListItemText,h as ListItemTitle,B as listItemStaticConfig,j as useListItem};
 //# sourceMappingURL=ListItem.js.map

package/dist/esm/ListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ListItem.tsx"],
   "sourcesContent": ["import {\n  FontSizeTokens,\n  GetProps,\n  Spacer,\n  TamaguiElement,\n  ThemeableProps,\n  getTokens,\n  getVariableValue,\n  styled,\n  themeable,\n  useMediaPropsActive,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getFontSize } from '@tamagui/font-size'\nimport { getSpace, useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { ThemeableStack, YStack } from '@tamagui/stacks'\nimport { SizableText, TextParentStyles, wrapChildrenInText } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef } from 'react'\n\ntype ListItemIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ListItemIconProps> | null\n\nexport type ListItemProps = Omit<TextParentStyles, 'TextComponent' | 'noTextWrap'> &\n  GetProps<typeof ListItemFrame> &\n  ThemeableProps & {\n    /**\n     * add icon before, passes color and size automatically if Component\n     */\n    icon?: IconProp\n    /**\n     * add icon after, passes color and size automatically if Component\n     */\n    iconAfter?: IconProp\n    /**\n     * adjust icon relative to size\n     */\n    /**\n     * default: -1\n     */\n    scaleIcon?: number\n    /**\n     * make the spacing elements flex\n     */\n    spaceFlex?: number | boolean\n    /**\n     * adjust internal space relative to icon size\n     */\n    scaleSpace?: number\n    /**\n     * title\n     */\n    title?: React.ReactNode\n    /**\n     * subtitle\n     */\n    subTitle?: React.ReactNode\n    /**\n     * will not wrap text around `children` only, \"all\" will not wrap title or subTitle\n     */\n    noTextWrap?: boolean | 'all'\n  }\n\nconst NAME = 'ListItem'\n\nexport const ListItemFrame = styled(ThemeableStack, {\n  name: NAME,\n  tag: 'li',\n\n  variants: {\n    unstyled: {\n      false: {\n        size: '$true',\n        alignItems: 'center',\n        flexWrap: 'nowrap',\n        width: '100%',\n        borderColor: '$borderColor',\n        maxWidth: '100%',\n        overflow: 'hidden',\n        flexDirection: 'row',\n        backgroundColor: '$backgroundStrong',\n      },\n    },\n\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          minHeight: tokens.size[val],\n          paddingHorizontal: tokens.space[val],\n          paddingVertical: getSpace(val, -2),\n        }\n      },\n    },\n\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    disabled: {\n      true: {\n        opacity: 0.5,\n        // TODO breaking types\n        pointerEvents: 'none' as any,\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemText = styled(SizableText, {\n  name: 'ListItemText',\n\n  variants: {\n    unstyled: {\n      false: {\n        color: '$color',\n        userSelect: 'none',\n        flexGrow: 1,\n        flexShrink: 1,\n        ellipse: true,\n        cursor: 'default',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemSubtitle = styled(ListItemText, {\n  name: 'ListItemSubtitle',\n\n  variants: {\n    unstyled: {\n      false: {\n        opacity: 0.6,\n        maxWidth: '100%',\n        size: '$3',\n        color: '$color',\n      },\n    },\n  },\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport const ListItemTitle = styled(ListItemText, {\n  name: 'ListItemTitle',\n})\n\nexport const useListItem = (\n  props: ListItemProps,\n  {\n    Text = ListItemText,\n    Subtitle = ListItemSubtitle,\n    Title = ListItemTitle,\n  }: {\n    Title?: any\n    Subtitle?: any\n    Text?: any\n  } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }\n) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 1,\n    subTitle,\n\n    // text props\n    color,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    title,\n    ...rest\n  } = props\n\n  const mediaActiveProps = useMediaPropsActive(props)\n  const size = mediaActiveProps.size || '$true'\n  const subtitleSize = `$${+String(size).replace('$', '') - 1}` as FontSizeTokens\n  const iconSize = getFontSize(size) * scaleIcon\n  const getThemedIcon = useGetThemedIcon({ size: iconSize, color })\n  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon)\n  const spaceSize =\n    getVariableValue(getTokens().space[mediaActiveProps.space as any] ?? iconSize) *\n    scaleSpace\n  // @ts-ignore noTextWrap = all is ok\n  const contents = wrapChildrenInText(Text, mediaActiveProps)\n\n  return {\n    props: {\n      fontFamily,\n      ...rest,\n      children: (\n        <>\n          {themedIcon ? (\n            <>\n              {themedIcon}\n              <Spacer size={spaceSize} />\n            </>\n          ) : null}\n          {/* helper for common title/subtitle pttern */}\n          {title || subTitle ? (\n            <YStack flex={1}>\n              {noTextWrap === 'all' ? title : <Title size={size}>{title}</Title>}\n              {subTitle ? (\n                <>\n                  {typeof subTitle === 'string' && noTextWrap !== 'all' ? (\n                    // TODO can use theme but we need to standardize to alt themes\n                    // or standardize on subtle colors in themes\n                    <Subtitle size={subtitleSize}>{subTitle}</Subtitle>\n                  ) : (\n                    subTitle\n                  )}\n                </>\n              ) : null}\n              {contents}\n            </YStack>\n          ) : (\n            contents\n          )}\n          {themedIconAfter ? (\n            <>\n              <Spacer size={spaceSize} />\n              {themedIconAfter}\n            </>\n          ) : null}\n        </>\n      ),\n    },\n  }\n}\n\nconst ListItemComponent = forwardRef<TamaguiElement, ListItemProps>((props, ref) => {\n  const { props: listItemProps } = useListItem(props)\n  return <ListItemFrame ref={ref} justifyContent=\"space-between\" {...listItemProps} />\n})\n\nexport const listItemStaticConfig = {\n  inlineProps: new Set([\n    // text props go here (can't really optimize them, but we never fully extract listItem anyway)\n    'color',\n    'fontWeight',\n    'fontSize',\n    'fontFamily',\n    'letterSpacing',\n    'textAlign',\n  ]),\n}\n\nexport const ListItem = withStaticProperties(\n  ListItemFrame.extractable(\n    themeable(ListItemComponent, { componentName: NAME }),\n    listItemStaticConfig\n  ),\n  {\n    Text: ListItemText,\n    Subtitle: ListItemSubtitle,\n  }\n)\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "Spacer", "getTokens", "getVariableValue", "styled", "themeable", "useMediaPropsActive", "withStaticProperties", "getFontSize", "getSpace", "useGetThemedIcon", "ThemeableStack", "YStack", "SizableText", "wrapChildrenInText", "forwardRef", "NAME", "ListItemFrame", "val", "tokens", "ListItemText", "ListItemSubtitle", "ListItemTitle", "useListItem", "props", "Text", "Subtitle", "Title", "children", "icon", "iconAfter", "noTextWrap", "themeName", "space", "spaceFlex", "scaleIcon", "scaleSpace", "subTitle", "color", "fontWeight", "letterSpacing", "fontSize", "fontFamily", "textAlign", "textProps", "title", "rest", "mediaActiveProps", "size", "subtitleSize", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "spaceSize", "contents", "ListItemComponent", "ref", "listItemProps", "listItemStaticConfig", "ListItem"]
 }