@tamagui/list-item 1.13.2 → 1.13.4

package/dist/esm/ListItem.mjs

@@ -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.mjs.map

package/dist/esm/ListItem.mjs.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"]
 }

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './ListItem'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.ts"],
   "sourcesContent": ["export * from './ListItem'\n"],
-  "mappings": "AAAA,cAAc;",
+  "mappings": "AAAA,WAAc",
   "names": []
 }

package/dist/jsx/ListItem.js

@@ -1,193 +1,2 @@
-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: <>
-        {themedIcon ? <>
-          {themedIcon}
-          <Spacer size={spaceSize} />
-        </> : null}
-        {title || subTitle ? <YStack flex={1}>
-          {noTextWrap === "all" ? title : <Title size={size}>{title}</Title>}
-          {subTitle ? <>{typeof subTitle === "string" && noTextWrap !== "all" ? (
-            // TODO can use theme but we need to standardize to alt themes
-            // or standardize on subtle colors in themes
-            <Subtitle size={subtitleSize}>{subTitle}</Subtitle>
-          ) : subTitle}</> : null}
-          {contents}
-        </YStack> : contents}
-        {themedIconAfter ? <>
-          <Spacer size={spaceSize} />
-          {themedIconAfter}
-        </> : null}
-      </>
-    }
-  };
-};
-const ListItemComponent = forwardRef((props, ref) => {
-  const { props: listItemProps } = useListItem(props);
-  return <ListItemFrame ref={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{Spacer as C,getTokens as Y,getVariableValue as j,styled as i,themeable as D,useMediaPropsActive as J,withStaticProperties as O}from"@tamagui/core";import{getFontSize as X}from"@tamagui/font-size";import{getSpace as q,useGetThemedIcon as B}from"@tamagui/helpers-tamagui";import{ThemeableStack as K,YStack as Q}from"@tamagui/stacks";import{SizableText as U,wrapChildrenInText as Z}from"@tamagui/text";import{forwardRef as _}from"react";const F="ListItem",$=i(K,{name:F,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:q(e,-2)})},active:{true:{hoverStyle:{backgroundColor:"$background"}}},disabled:{true:{opacity:.5,pointerEvents:"none"}}},defaultVariants:{unstyled:!1}}),n=i(U,{name:"ListItemText",variants:{unstyled:{false:{color:"$color",userSelect:"none",flexGrow:1,flexShrink:1,ellipse:!0,cursor:"default"}}},defaultVariants:{unstyled:!1}}),T=i(n,{name:"ListItemSubtitle",variants:{unstyled:{false:{opacity:.6,maxWidth:"100%",size:"$3",color:"$color"}}},defaultVariants:{unstyled:!1}}),k=i(n,{name:"ListItemTitle"}),ee=(e,{Text:t=n,Subtitle:S=T,Title:A=k}={Text:n,Subtitle:T,Title:k})=>{const{children:ne,icon:W,iconAfter:v,noTextWrap:g,theme:ie,space:se,spaceFlex:re,scaleIcon:R=1,scaleSpace:V=1,subTitle:o,color:E,fontWeight:ae,letterSpacing:le,fontSize:ce,fontFamily:N,textAlign:me,textProps:pe,title:x,...G}=e,I=J(e),b=I.size||"$true",H=`$${+String(b).replace("$","")-1}`,y=X(b)*R,M=B({size:y,color:E}),[h,z]=[W,v].map(M),P=j(Y().space[I.space]??y)*V,L=Z(t,I);return{props:{fontFamily:N,...G,children:<>{h?<>{h}<C size={P}/></>:null}{x||o?<Q flex={1}>{g==="all"?x:<A size={b}>{x}</A>}{o?<>{typeof o=="string"&&g!=="all"?<S size={H}>{o}</S>:o}</>:null}{L}</Q>:L}{z?<><C size={P}/>{z}</>:null}</>}}},te=_((e,t)=>{const{props:S}=ee(e);return<$ ref={t}justifyContent="space-between"{...S}/>}),oe={inlineProps:new Set(["color","fontWeight","fontSize","fontFamily","letterSpacing","textAlign"])},Le=O($.extractable(D(te,{componentName:F}),oe),{Text:n,Subtitle:T});export{Le as ListItem,$ as ListItemFrame,T as ListItemSubtitle,n as ListItemText,k as ListItemTitle,oe as listItemStaticConfig,ee as useListItem};
 //# sourceMappingURL=ListItem.js.map

package/dist/jsx/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": ["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"]
 }