@tamagui/list-item 1.0.1-beta.100

package/dist/cjs/wrapStringChildrenInText.js

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var wrapStringChildrenInText_exports = {};
+__export(wrapStringChildrenInText_exports, {
+  wrapStringChildrenInText: () => wrapStringChildrenInText
+});
+module.exports = __toCommonJS(wrapStringChildrenInText_exports);
+var import_react = __toESM(require("react"));
+var import_ListItem = require("./ListItem");
+function wrapStringChildrenInText(_a) {
+  var _b = _a, {
+    children,
+    textProps,
+    size,
+    noTextWrap
+  } = _b, directTextProps = __objRest(_b, [
+    "children",
+    "textProps",
+    "size",
+    "noTextWrap"
+  ]);
+  if (noTextWrap || !children) {
+    return children;
+  }
+  let allChildren = import_react.default.Children.toArray(children);
+  let nextChildren = [];
+  let lastIsString = false;
+  function concatStringChildren() {
+    if (!lastIsString)
+      return;
+    const index = nextChildren.length - 1;
+    const childrenStrings = nextChildren[index];
+    nextChildren[index] = /* @__PURE__ */ import_react.default.createElement(import_ListItem.ListItemText, __spreadValues(__spreadProps(__spreadValues({
+      key: index
+    }, directTextProps), {
+      size
+    }), textProps), childrenStrings);
+  }
+  __name(concatStringChildren, "concatStringChildren");
+  for (const child of allChildren) {
+    const last = nextChildren[nextChildren.length - 1];
+    const isString = typeof child === "string";
+    if (isString) {
+      if (lastIsString) {
+        last.push(child);
+      } else {
+        nextChildren.push([child]);
+      }
+    } else {
+      concatStringChildren();
+      nextChildren.push(child);
+    }
+    lastIsString = isString;
+  }
+  concatStringChildren();
+  return nextChildren;
+}
+__name(wrapStringChildrenInText, "wrapStringChildrenInText");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  wrapStringChildrenInText
+});
+//# sourceMappingURL=wrapStringChildrenInText.js.map

package/dist/cjs/wrapStringChildrenInText.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/wrapStringChildrenInText.tsx"],
+  "sourcesContent": ["import { SizeTokens } from '@tamagui/core'\nimport React from 'react'\n\nimport { ListItemText, TextOnlyStyles } from './ListItem'\n\nexport function wrapStringChildrenInText({\n  children,\n  textProps,\n  size,\n  noTextWrap,\n  ...directTextProps\n}: TextOnlyStyles & { children?: React.ReactNode; size?: SizeTokens }) {\n  if (noTextWrap || !children) {\n    return children\n  }\n\n  // in the case of using variables, like so:\n  // <ListItem>Hello, {name}</ListItem>\n  // it gives us props.children as ['Hello, ', 'name']\n  // but we don't want to wrap multiple SizableText around each part\n  // so we group them\n  let allChildren = React.Children.toArray(children)\n  let nextChildren: any[] = []\n  let lastIsString = false\n\n  function concatStringChildren() {\n    if (!lastIsString) return\n    const index = nextChildren.length - 1\n    const childrenStrings = nextChildren[index]\n    nextChildren[index] = (\n      <ListItemText key={index} {...directTextProps} size={size} {...textProps}>\n        {childrenStrings}\n      </ListItemText>\n    )\n  }\n\n  for (const child of allChildren) {\n    const last = nextChildren[nextChildren.length - 1]\n    const isString = typeof child === 'string'\n    if (isString) {\n      if (lastIsString) {\n        last.push(child)\n      } else {\n        nextChildren.push([child])\n      }\n    } else {\n      concatStringChildren()\n      nextChildren.push(child)\n    }\n    lastIsString = isString\n  }\n  concatStringChildren()\n\n  return nextChildren\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,sBAA6C;AAEtC,kCAAkC,IAM8B;AAN9B,eACvC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJuC,IAKpC,4BALoC,IAKpC;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,cAAc,CAAC,UAAU;AAC3B,WAAO;AAAA,EACT;AAOA,MAAI,cAAc,qBAAM,SAAS,QAAQ,QAAQ;AACjD,MAAI,eAAsB,CAAC;AAC3B,MAAI,eAAe;AAEnB,kCAAgC;AAC9B,QAAI,CAAC;AAAc;AACnB,UAAM,QAAQ,aAAa,SAAS;AACpC,UAAM,kBAAkB,aAAa;AACrC,iBAAa,SACX,mDAAC;AAAA,MAAa,KAAK;AAAA,OAAW,kBAA7B;AAAA,MAA8C;AAAA,QAAgB,YAC5D,eACH;AAAA,EAEJ;AATS;AAWT,aAAW,SAAS,aAAa;AAC/B,UAAM,OAAO,aAAa,aAAa,SAAS;AAChD,UAAM,WAAW,OAAO,UAAU;AAClC,QAAI,UAAU;AACZ,UAAI,cAAc;AAChB,aAAK,KAAK,KAAK;AAAA,MACjB,OAAO;AACL,qBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,MAC3B;AAAA,IACF,OAAO;AACL,2BAAqB;AACrB,mBAAa,KAAK,KAAK;AAAA,IACzB;AACA,mBAAe;AAAA,EACjB;AACA,uBAAqB;AAErB,SAAO;AACT;AAjDgB;",
+  "names": []
+}

package/dist/esm/Button.js

@@ -0,0 +1,190 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  ButtonInsideButtonContext,
+  getButtonSize,
+  getVariableValue,
+  spacedChildren,
+  styled,
+  themeable,
+  useTheme
+} from "@tamagui/core";
+import { getFontSize } from "@tamagui/font-size";
+import { ThemeableStack } from "@tamagui/stacks";
+import { SizableText } from "@tamagui/text";
+import React, { forwardRef, isValidElement, useContext } from "react";
+React["createElement"];
+const ButtonFrame = styled(ThemeableStack, {
+  name: "Button",
+  tag: "button",
+  hoverable: true,
+  pressable: true,
+  backgrounded: true,
+  borderWidth: 1,
+  borderColor: "transparent",
+  justifyContent: "center",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  flexDirection: "row",
+  cursor: "pointer",
+  pressStyle: {
+    borderColor: "transparent"
+  },
+  hoverStyle: {
+    borderColor: "transparent"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus"
+  },
+  variants: {
+    size: {
+      "...size": getButtonSize
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.5,
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const ButtonText = styled(SizableText, {
+  color: "$color",
+  selectable: false,
+  flexGrow: 1,
+  flexShrink: 1,
+  ellipse: true
+});
+const ButtonComponent = forwardRef((props, ref) => {
+  const {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.5,
+    color: colorProp,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    textAlign,
+    textProps,
+    ...rest
+  } = props;
+  const isInsideButton = useContext(ButtonInsideButtonContext);
+  const theme = useTheme();
+  const size = props.size || "$4";
+  let color;
+  if (theme && colorProp && colorProp in theme) {
+    color = theme[colorProp];
+  } else if (colorProp) {
+    color = colorProp;
+  } else {
+    color = theme == null ? void 0 : theme.color;
+  }
+  color = color == null ? void 0 : color.toString();
+  const iconSize = getFontSize(size) * scaleIcon;
+  const addTheme = /* @__PURE__ */ __name((el) => {
+    if (isValidElement(el)) {
+      return el;
+    }
+    if (el) {
+      return React.createElement(el, {
+        color,
+        size: iconSize
+      });
+    }
+    return el;
+  }, "addTheme");
+  const themedIcon = icon ? addTheme(icon) : null;
+  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null;
+  let contents = children;
+  if (!noTextWrap && children) {
+    let concatStringChildren = function() {
+      if (!lastIsString)
+        return;
+      const index = nextChildren.length - 1;
+      const childrenStrings = nextChildren[index];
+      nextChildren[index] = /* @__PURE__ */ React.createElement(ButtonText, {
+        key: index,
+        ...{
+          fontWeight,
+          letterSpacing,
+          fontSize,
+          fontFamily,
+          textAlign,
+          size
+        },
+        ...colorProp && {
+          color: colorProp
+        },
+        ...textProps
+      }, childrenStrings);
+    };
+    __name(concatStringChildren, "concatStringChildren");
+    let allChildren = React.Children.toArray(children);
+    let nextChildren = [];
+    let lastIsString = false;
+    for (const child of allChildren) {
+      const last = nextChildren[nextChildren.length - 1];
+      const isString = typeof child === "string";
+      if (isString) {
+        if (lastIsString) {
+          last.push(child);
+        } else {
+          nextChildren.push([child]);
+        }
+      } else {
+        concatStringChildren();
+        nextChildren.push(child);
+      }
+      lastIsString = isString;
+    }
+    concatStringChildren();
+    contents = nextChildren;
+  }
+  return /* @__PURE__ */ React.createElement(ButtonInsideButtonContext.Provider, {
+    value: true
+  }, /* @__PURE__ */ React.createElement(ButtonFrame, {
+    fontFamily,
+    ...isInsideButton && {
+      tag: "span"
+    },
+    ref,
+    ...rest
+  }, themedIcon || themedIconAfter ? spacedChildren({
+    space: getVariableValue(iconSize) * scaleSpace,
+    spaceFlex,
+    direction: props.flexDirection || "row",
+    children: [themedIcon, contents, themedIconAfter]
+  }) : contents));
+});
+const Button = ButtonFrame.extractable(themeable(ButtonComponent), {
+  inlineProps: /* @__PURE__ */ new Set([
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "letterSpacing",
+    "textAlign"
+  ])
+});
+export {
+  Button,
+  ButtonText
+};
+//# sourceMappingURL=Button.js.map

package/dist/esm/Button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Button.tsx"],
+  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  ThemeableProps,\n  getButtonSize,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { getFontSize } from '@tamagui/font-size'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(ThemeableStack, {\n  name: 'Button',\n  tag: 'button',\n  hoverable: true,\n  pressable: true,\n  backgrounded: true,\n  borderWidth: 1,\n  borderColor: 'transparent',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  flexDirection: 'row',\n\n  // if we wanted this only when pressable = true, we'd need to merge variants?\n  cursor: 'pointer',\n\n  pressStyle: {\n    borderColor: 'transparent',\n  },\n\n  hoverStyle: {\n    borderColor: 'transparent',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n  },\n\n  variants: {\n    size: {\n      '...size': getButtonSize,\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  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\n// see TODO breaking types\n// type x = GetProps<typeof ButtonFrame>\n// type y = x['size']\n\nexport const ButtonText = styled(SizableText, {\n  color: '$color',\n  selectable: false,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipse: true,\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\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 = 0.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <ButtonText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          {...textProps}\n        >\n          {childrenStrings}\n        </ButtonText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
+  "mappings": ";;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACA;AACA;AACA;AAIA,MAAM;AAiCN,MAAM,cAAc,OAAO,gBAAgB;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,eAAe;AAAA,EAGf,QAAQ;AAAA,EAER,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QAET,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAMM,MAAM,aAAa,OAAO,aAAa;AAAA,EAC5C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AACX,CAAC;AAED,MAAM,kBAAkB,WAAW,CAAC,OAAoB,QAAQ;AAE9D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IAGb,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,MACD;AAEJ,QAAM,iBAAiB,WAAW,yBAAyB;AAC3D,QAAM,QAAQ,SAAS;AACvB,QAAM,OAAO,MAAM,QAAQ;AAG3B,MAAI;AAEJ,MAAI,SAAS,aAAa,aAAa,OAAO;AAE5C,YAAQ,MAAM;AAAA,EAChB,WAAW,WAAW;AACpB,YAAQ;AAAA,EACV,OAAO;AACL,YAAQ,+BAAO;AAAA,EACjB;AACA,UAAQ,+BAAO;AAEf,QAAM,WAAW,YAAY,IAAI,IAAI;AAErC,QAAM,WAAW,wBAAC,OAAY;AAC5B,QAAI,eAAe,EAAE,GAAG;AACtB,aAAO;AAAA,IACT;AACA,QAAI,IAAI;AACN,aAAO,MAAM,cAAc,IAAI;AAAA,QAC7B;AAAA,QACA,MAAM;AAAA,MACR,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAXiB;AAYjB,QAAM,aAAa,OAAO,SAAS,IAAI,IAAI;AAC3C,QAAM,kBAAkB,YAAY,SAAS,SAAS,IAAI;AAE1D,MAAI,WAAW;AAEf,MAAI,CAAC,cAAc,UAAU;AAU3B,QAAS,uBAAT,WAAgC;AAC9B,UAAI,CAAC;AAAc;AACnB,YAAM,QAAQ,aAAa,SAAS;AACpC,YAAM,kBAAkB,aAAa;AACrC,mBAAa,SACX,oCAAC;AAAA,QACC,KAAK;AAAA,WACD;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,WACK,aAAa;AAAA,UAChB,OAAO;AAAA,QACT;AAAA,WACI;AAAA,SAEH,eACH;AAAA,IAEJ;AAvBS;AAJT,QAAI,cAAc,MAAM,SAAS,QAAQ,QAAQ;AACjD,QAAI,eAAsB,CAAC;AAC3B,QAAI,eAAe;AA2BnB,eAAW,SAAS,aAAa;AAC/B,YAAM,OAAO,aAAa,aAAa,SAAS;AAChD,YAAM,WAAW,OAAO,UAAU;AAClC,UAAI,UAAU;AACZ,YAAI,cAAc;AAChB,eAAK,KAAK,KAAK;AAAA,QACjB,OAAO;AACL,uBAAa,KAAK,CAAC,KAAK,CAAC;AAAA,QAC3B;AAAA,MACF,OAAO;AACL,6BAAqB;AACrB,qBAAa,KAAK,KAAK;AAAA,MACzB;AACA,qBAAe;AAAA,IACjB;AACA,yBAAqB;AAErB,eAAW;AAAA,EACb;AAEA,SAEE,oCAAC,0BAA0B,UAA1B;AAAA,IAAmC,OAAO;AAAA,KACzC,oCAAC;AAAA,IACC;AAAA,OAEK,kBAAkB;AAAA,MACrB,KAAK;AAAA,IACP;AAAA,IACA;AAAA,OACI;AAAA,KAEH,cAAc,kBACX,eAAe;AAAA,IAEb,OAAO,iBAAiB,QAAQ,IAAI;AAAA,IACpC;AAAA,IACA,WAAW,MAAM,iBAAiB;AAAA,IAClC,UAAU,CAAC,YAAY,UAAU,eAAe;AAAA,EAClD,CAAC,IACD,QACN,CACF;AAEJ,CAAC;AAEM,MAAM,SACX,YAAY,YAAY,UAAU,eAAsB,GAAU;AAAA,EAChE,aAAa,oBAAI,IAAI;AAAA,IAEnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH,CAAC;",
+  "names": []
+}

package/dist/esm/ListItem.js

@@ -0,0 +1,183 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import {
+  Spacer,
+  getSize,
+  getVariableValue,
+  styled,
+  themeable,
+  withStaticProperties
+} from "@tamagui/core";
+import { getFontSize } from "@tamagui/font-size";
+import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
+import { ThemeableStack, YStack } from "@tamagui/stacks";
+import { SizableText, wrapChildrenInText } from "@tamagui/text";
+import React, { forwardRef } from "react";
+React["createElement"];
+const ListItemFrame = styled(ThemeableStack, {
+  name: "ListItem",
+  tag: "li",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  width: "100%",
+  borderColor: "$borderColor",
+  maxWidth: "100%",
+  overflow: "hidden",
+  flexDirection: "row",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          minHeight: tokens.size[val],
+          paddingHorizontal: tokens.space[val]
+        };
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.5,
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const ListItemText = styled(SizableText, {
+  name: "ListItemText",
+  color: "$color",
+  selectable: false,
+  flexGrow: 1,
+  flexShrink: 1,
+  ellipse: true
+});
+const ListItemSubtitle = styled(ListItemText, {
+  name: "ListItemSubtitle",
+  color: "$colorPress",
+  marginTop: "$-2",
+  opacity: 0.65,
+  ellipse: true,
+  maxWidth: "100%",
+  size: "$3"
+});
+const ListItemTitle = styled(ListItemText, {
+  name: "ListItemTitle",
+  ellipse: true
+});
+const ListItemComponent = forwardRef((props, ref) => {
+  const _a = props, {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 1,
+    subTitle,
+    color,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    textAlign,
+    textProps,
+    title
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "icon",
+    "iconAfter",
+    "noTextWrap",
+    "theme",
+    "space",
+    "spaceFlex",
+    "scaleIcon",
+    "scaleSpace",
+    "subTitle",
+    "color",
+    "fontWeight",
+    "letterSpacing",
+    "fontSize",
+    "fontFamily",
+    "textAlign",
+    "textProps",
+    "title"
+  ]);
+  const size = props.size || "$4";
+  const subtitleSizeToken = getSize(size, -3);
+  const subtitleSize = `$${subtitleSizeToken.key}`;
+  const iconSize = getFontSize(size) * scaleIcon;
+  const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
+  const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
+  const spaceSize = getVariableValue(iconSize) * scaleSpace;
+  const contents = wrapChildrenInText(ListItemText, props);
+  return /* @__PURE__ */ React.createElement(ListItemFrame, __spreadValues({
+    fontFamily,
+    ref
+  }, rest), themedIcon ? /* @__PURE__ */ React.createElement(React.Fragment, null, themedIcon, /* @__PURE__ */ React.createElement(Spacer, {
+    size: spaceSize
+  })) : null, Boolean(title || subTitle) ? /* @__PURE__ */ React.createElement(YStack, {
+    flex: 1
+  }, /* @__PURE__ */ React.createElement(ListItemTitle, null, title), subTitle ? typeof subTitle === "string" ? /* @__PURE__ */ React.createElement(ListItemSubtitle, {
+    size: subtitleSize
+  }, subTitle) : subTitle : null, contents) : contents, themedIconAfter ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Spacer, {
+    flex: true,
+    size: spaceSize
+  }), themedIconAfter) : null);
+});
+const ListItemInner = ListItemFrame.extractable(themeable(ListItemComponent), {
+  inlineProps: /* @__PURE__ */ new Set([
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "letterSpacing",
+    "textAlign"
+  ])
+});
+const ListItem = withStaticProperties(ListItemInner, {
+  Text: ListItemText,
+  Subtitle: ListItemSubtitle
+});
+export {
+  ListItem,
+  ListItemFrame,
+  ListItemSubtitle,
+  ListItemText
+};
+//# sourceMappingURL=ListItem.js.map

package/dist/esm/ListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ListItem.tsx"],
+  "sourcesContent": ["import {\n  FontSizeTokens,\n  GetProps,\n  Spacer,\n  TamaguiComponent,\n  ThemeableProps,\n  getSize,\n  getVariableValue,\n  styled,\n  themeable,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getFontSize } from '@tamagui/font-size'\nimport { TextParentStyles, useGetThemedIcon } from '@tamagui/helpers-tamagui'\nimport { ThemeableStack, YStack } from '@tamagui/stacks'\nimport { SizableText, wrapChildrenInText } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef } from 'react'\nimport { View } from 'react-native'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ListItemIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ListItemIconProps> | null\n\nexport type ListItemProps = Omit<TextParentStyles, 'TextComponent'> &\n  GetProps<typeof ListItemFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n    // title\n    title?: React.ReactNode\n    // subtitle\n    subTitle?: React.ReactNode\n  }\n\nexport const ListItemFrame = styled(ThemeableStack, {\n  name: 'ListItem',\n  tag: 'li',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  width: '100%',\n  borderColor: '$borderColor',\n  maxWidth: '100%',\n  overflow: 'hidden',\n  flexDirection: 'row',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          minHeight: tokens.size[val],\n          paddingHorizontal: tokens.space[val],\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  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport const ListItemText = styled(SizableText, {\n  name: 'ListItemText',\n  color: '$color',\n  selectable: false,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipse: true,\n})\n\nexport const ListItemSubtitle = styled(ListItemText, {\n  name: 'ListItemSubtitle',\n  color: '$colorPress',\n  marginTop: '$-2',\n  opacity: 0.65,\n  ellipse: true,\n  maxWidth: '100%',\n  size: '$3',\n})\n\nconst ListItemTitle = styled(ListItemText, {\n  name: 'ListItemTitle',\n  ellipse: true,\n})\n\nconst ListItemComponent = forwardRef((props: ListItemProps, ref) => {\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 as ListItemProps\n\n  const size = props.size || '$4'\n  const subtitleSizeToken = getSize(size, -3)\n  const subtitleSize = `$${subtitleSizeToken.key}` 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 = getVariableValue(iconSize) * scaleSpace\n  const contents = wrapChildrenInText(ListItemText, props)\n\n  return (\n    <ListItemFrame fontFamily={fontFamily} ref={ref as any} {...rest}>\n      {themedIcon ? (\n        <>\n          {themedIcon}\n          <Spacer size={spaceSize} />\n        </>\n      ) : null}\n      {/* helper for common title/subtitle pttern */}\n      {Boolean(title || subTitle) ? (\n        <YStack flex={1}>\n          <ListItemTitle>{title}</ListItemTitle>\n          {subTitle ? (\n            typeof subTitle === 'string' ? (\n              // TODO can use theme but we need to standardize to alt themes\n              // or standardize on subtle colors in themes\n              <ListItemSubtitle size={subtitleSize}>{subTitle}</ListItemSubtitle>\n            ) : (\n              subTitle\n            )\n          ) : null}\n          {contents}\n        </YStack>\n      ) : (\n        contents\n      )}\n      {themedIconAfter ? (\n        <>\n          <Spacer flex size={spaceSize} />\n          {themedIconAfter}\n        </>\n      ) : null}\n    </ListItemFrame>\n  )\n})\n\nconst ListItemInner: TamaguiComponent<ListItemProps, HTMLLIElement | View> =\n  ListItemFrame.extractable(themeable(ListItemComponent as any) as any, {\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(ListItemInner, {\n  Text: ListItemText,\n  Subtitle: ListItemSubtitle,\n})\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './ListItem'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/useCurrentColor.js

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useTheme } from "@tamagui/core";
+const useCurrentColor = /* @__PURE__ */ __name((colorProp) => {
+  const theme = useTheme();
+  let color;
+  if (theme && colorProp && colorProp in theme) {
+    color = theme[colorProp];
+  } else if (colorProp) {
+    color = colorProp;
+  } else {
+    color = theme == null ? void 0 : theme.color;
+  }
+  return (color == null ? void 0 : color.toString()) || "";
+}, "useCurrentColor");
+export {
+  useCurrentColor
+};
+//# sourceMappingURL=useCurrentColor.js.map

package/dist/esm/useCurrentColor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useCurrentColor.tsx"],
+  "sourcesContent": ["import { ColorTokens, ThemeValueFallback, useTheme } from '@tamagui/core'\nimport { TextStyle } from 'react-native'\n\nexport const useCurrentColor = (colorProp: ColorProp) => {\n  const theme = useTheme()\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  return color?.toString() || ('' as string)\n}\n\nexport type ColorProp = ThemeValueFallback | ColorTokens | TextStyle['color'] | undefined\n"],
+  "mappings": ";;AAAA;AAGO,MAAM,kBAAkB,wBAAC,cAAyB;AACvD,QAAM,QAAQ,SAAS;AAEvB,MAAI;AAEJ,MAAI,SAAS,aAAa,aAAa,OAAO;AAE5C,YAAQ,MAAM;AAAA,EAChB,WAAW,WAAW;AACpB,YAAQ;AAAA,EACV,OAAO;AACL,YAAQ,+BAAO;AAAA,EACjB;AACA,SAAO,gCAAO,eAAe;AAC/B,GAd+B;",
+  "names": []
+}

package/dist/esm/useGetThemedIcon.js

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { isValidElement } from "react";
+import { useCurrentColor } from "./useCurrentColor";
+const useGetThemedIcon = /* @__PURE__ */ __name((props) => {
+  const color = useCurrentColor(props.color);
+  return (el) => {
+    if (isValidElement(el)) {
+      return el;
+    }
+    if (el) {
+      return React.createElement(el, props);
+    }
+    return el;
+  };
+}, "useGetThemedIcon");
+export {
+  useGetThemedIcon
+};
+//# sourceMappingURL=useGetThemedIcon.js.map

package/dist/esm/useGetThemedIcon.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useGetThemedIcon.tsx"],
+  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nimport { ColorProp, useCurrentColor } from './useCurrentColor'\n\nexport const useGetThemedIcon = (props: { color: ColorProp; size: number }) => {\n  const color = useCurrentColor(props.color)\n  return (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, props)\n    }\n    return el\n  }\n}\n"],
+  "mappings": ";;AAAA;AAEA;AAEO,MAAM,mBAAmB,wBAAC,UAA8C;AAC7E,QAAM,QAAQ,gBAAgB,MAAM,KAAK;AACzC,SAAO,CAAC,OAAY;AAClB,QAAI,eAAe,EAAE,GAAG;AACtB,aAAO;AAAA,IACT;AACA,QAAI,IAAI;AACN,aAAO,MAAM,cAAc,IAAI,KAAK;AAAA,IACtC;AACA,WAAO;AAAA,EACT;AACF,GAXgC;",
+  "names": []
+}

package/dist/esm/wrapStringChildrenInText.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React from "react";
+import { ListItemText } from "./ListItem";
+function wrapStringChildrenInText({
+  children,
+  textProps,
+  size,
+  noTextWrap,
+  ...directTextProps
+}) {
+  if (noTextWrap || !children) {
+    return children;
+  }
+  let allChildren = React.Children.toArray(children);
+  let nextChildren = [];
+  let lastIsString = false;
+  function concatStringChildren() {
+    if (!lastIsString)
+      return;
+    const index = nextChildren.length - 1;
+    const childrenStrings = nextChildren[index];
+    nextChildren[index] = /* @__PURE__ */ React.createElement(ListItemText, {
+      key: index,
+      ...directTextProps,
+      size,
+      ...textProps
+    }, childrenStrings);
+  }
+  __name(concatStringChildren, "concatStringChildren");
+  for (const child of allChildren) {
+    const last = nextChildren[nextChildren.length - 1];
+    const isString = typeof child === "string";
+    if (isString) {
+      if (lastIsString) {
+        last.push(child);
+      } else {
+        nextChildren.push([child]);
+      }
+    } else {
+      concatStringChildren();
+      nextChildren.push(child);
+    }
+    lastIsString = isString;
+  }
+  concatStringChildren();
+  return nextChildren;
+}
+__name(wrapStringChildrenInText, "wrapStringChildrenInText");
+export {
+  wrapStringChildrenInText
+};
+//# sourceMappingURL=wrapStringChildrenInText.js.map