@tamagui/list-item 1.0.1-beta.43

package/dist/cjs/Button.js

@@ -0,0 +1,249 @@
+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 Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button,
+  ButtonText: () => ButtonText
+});
+module.exports = __toCommonJS(Button_exports);
+var import_core = require("@tamagui/core");
+var import_font_size = require("@tamagui/font-size");
+var import_stacks = require("@tamagui/stacks");
+var import_text = require("@tamagui/text");
+var import_react = __toESM(require("react"));
+import_react.default["createElement"];
+const ButtonFrame = (0, import_core.styled)(import_stacks.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": import_core.getButtonSize
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.5,
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const ButtonText = (0, import_core.styled)(import_text.SizableText, {
+  color: "$color",
+  selectable: false,
+  flexGrow: 1,
+  flexShrink: 1,
+  ellipse: true
+});
+const ButtonComponent = (0, import_react.forwardRef)((props, ref) => {
+  const _a = props, {
+    children,
+    icon,
+    iconAfter,
+    noTextWrap,
+    theme: themeName,
+    space,
+    spaceFlex,
+    scaleIcon = 1,
+    scaleSpace = 0.5,
+    color: colorProp,
+    fontWeight,
+    letterSpacing,
+    fontSize,
+    fontFamily,
+    textAlign,
+    textProps
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "icon",
+    "iconAfter",
+    "noTextWrap",
+    "theme",
+    "space",
+    "spaceFlex",
+    "scaleIcon",
+    "scaleSpace",
+    "color",
+    "fontWeight",
+    "letterSpacing",
+    "fontSize",
+    "fontFamily",
+    "textAlign",
+    "textProps"
+  ]);
+  const isInsideButton = (0, import_react.useContext)(import_core.ButtonInsideButtonContext);
+  const theme = (0, import_core.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 = (0, import_font_size.getFontSize)(size) * scaleIcon;
+  const addTheme = /* @__PURE__ */ __name((el) => {
+    if ((0, import_react.isValidElement)(el)) {
+      return el;
+    }
+    if (el) {
+      return import_react.default.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__ */ import_react.default.createElement(ButtonText, __spreadValues(__spreadValues(__spreadValues({
+        key: index
+      }, {
+        fontWeight,
+        letterSpacing,
+        fontSize,
+        fontFamily,
+        textAlign,
+        size
+      }), colorProp && {
+        color: colorProp
+      }), textProps), childrenStrings);
+    };
+    __name(concatStringChildren, "concatStringChildren");
+    let allChildren = import_react.default.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__ */ import_react.default.createElement(import_core.ButtonInsideButtonContext.Provider, {
+    value: true
+  }, /* @__PURE__ */ import_react.default.createElement(ButtonFrame, __spreadValues(__spreadProps(__spreadValues({
+    fontFamily
+  }, isInsideButton && {
+    tag: "span"
+  }), {
+    ref
+  }), rest), themedIcon || themedIconAfter ? (0, import_core.spacedChildren)({
+    space: (0, import_core.getVariableValue)(iconSize) * scaleSpace,
+    spaceFlex,
+    direction: props.flexDirection || "row",
+    children: [themedIcon, contents, themedIconAfter]
+  }) : contents));
+});
+const Button = ButtonFrame.extractable((0, import_core.themeable)(ButtonComponent), {
+  inlineProps: /* @__PURE__ */ new Set([
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "letterSpacing",
+    "textAlign"
+  ])
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  ButtonText
+});
+//# sourceMappingURL=Button.js.map

package/dist/cjs/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,kBAWO;AACP,uBAA4B;AAC5B,oBAA+B;AAC/B,kBAA8C;AAC9C,mBAAiF;AAIjF,qBAAM;AAiCN,MAAM,cAAc,wBAAO,8BAAgB;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,wBAAO,yBAAa;AAAA,EAC5C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AACX,CAAC;AAED,MAAM,kBAAkB,6BAAW,CAAC,OAAoB,QAAQ;AAE9D,QAoBI,YAnBF;AAAA;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,MAEE,IADC,iBACD,IADC;AAAA,IAlBH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIF,QAAM,iBAAiB,6BAAW,qCAAyB;AAC3D,QAAM,QAAQ,0BAAS;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,kCAAY,IAAI,IAAI;AAErC,QAAM,WAAW,wBAAC,OAAY;AAC5B,QAAI,iCAAe,EAAE,GAAG;AACtB,aAAO;AAAA,IACT;AACA,QAAI,IAAI;AACN,aAAO,qBAAM,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,mDAAC;AAAA,QACC,KAAK;AAAA,SACD;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,IACK,aAAa;AAAA,QAChB,OAAO;AAAA,MACT,IACI,YAEH,eACH;AAAA,IAEJ;AAvBS;AAJT,QAAI,cAAc,qBAAM,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,mDAAC,sCAA0B,UAA1B;AAAA,IAAmC,OAAO;AAAA,KACzC,mDAAC;AAAA,IACC;AAAA,KAEK,kBAAkB;AAAA,IACrB,KAAK;AAAA,EACP,IALD;AAAA,IAMC;AAAA,MACI,OAEH,cAAc,kBACX,gCAAe;AAAA,IAEb,OAAO,kCAAiB,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,2BAAU,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/cjs/ListItem.js

@@ -0,0 +1,182 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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 ListItem_exports = {};
+__export(ListItem_exports, {
+  ListItem: () => ListItem,
+  ListItemSubtitle: () => ListItemSubtitle,
+  ListItemText: () => ListItemText
+});
+module.exports = __toCommonJS(ListItem_exports);
+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 = __toESM(require("react"));
+import_react.default["createElement"];
+const ListItemFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
+  name: "ListItem",
+  tag: "li",
+  alignItems: "center",
+  flexWrap: "nowrap",
+  width: "100%",
+  maxWidth: "100%",
+  overflow: "hidden",
+  flexDirection: "row",
+  variants: {
+    size: {
+      "...size": (val, { tokens }) => {
+        return {
+          paddingVertical: (0, import_core.getSize)(val, -1),
+          paddingHorizontal: tokens.size[val]
+        };
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        }
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.5,
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$4"
+  }
+});
+const ListItemText = (0, import_core.styled)(import_text.SizableText, {
+  color: "$color",
+  selectable: false,
+  flexGrow: 1,
+  flexShrink: 1,
+  ellipse: true
+});
+const ListItemSubtitle = (0, import_core.styled)(ListItemText, {
+  color: "$colorPress"
+});
+const ListItemComponent = (0, import_react.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
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "icon",
+    "iconAfter",
+    "noTextWrap",
+    "theme",
+    "space",
+    "spaceFlex",
+    "scaleIcon",
+    "scaleSpace",
+    "subTitle",
+    "color",
+    "fontWeight",
+    "letterSpacing",
+    "fontSize",
+    "fontFamily",
+    "textAlign",
+    "textProps"
+  ]);
+  const size = props.size || "$4";
+  const subtitleSizeToken = (0, import_core.getSize)(size, -2);
+  const subtitleSize = `$${subtitleSizeToken.key}`;
+  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)(iconSize) * scaleSpace;
+  const contents = (0, import_helpers_tamagui.wrapStringChildrenInText)(ListItemText, props);
+  return /* @__PURE__ */ import_react.default.createElement(ListItemFrame, __spreadValues({
+    fontFamily,
+    ref
+  }, rest), themedIcon || themedIconAfter ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, themedIcon ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, themedIcon, /* @__PURE__ */ import_react.default.createElement(import_core.Spacer, {
+    size: spaceSize
+  })) : null, /* @__PURE__ */ import_react.default.createElement(import_stacks.YStack, null, contents, subTitle ? typeof subTitle === "string" ? /* @__PURE__ */ import_react.default.createElement(ListItemSubtitle, {
+    opacity: 0.65,
+    size: subtitleSize
+  }, subTitle) : subTitle : null), themedIconAfter ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_core.Spacer, {
+    flex: true,
+    size: spaceSize
+  }), themedIconAfter) : null) : contents);
+});
+const ListItem = ListItemFrame.extractable((0, import_core.themeable)(ListItemComponent), {
+  inlineProps: /* @__PURE__ */ new Set([
+    "color",
+    "fontWeight",
+    "fontSize",
+    "fontFamily",
+    "letterSpacing",
+    "textAlign"
+  ])
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItem,
+  ListItemSubtitle,
+  ListItemText
+});
+//# sourceMappingURL=ListItem.js.map

package/dist/cjs/ListItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ListItem.tsx"],
+  "sourcesContent": ["import {\n  FontSizeTokens,\n  GetProps,\n  ReactComponentWithRef,\n  Spacer,\n  ThemeableProps,\n  getSize,\n  getVariableValue,\n  styled,\n  themeable,\n} from '@tamagui/core'\nimport { getFontSize } from '@tamagui/font-size'\nimport {\n  TextParentStyles,\n  useGetThemedIcon,\n  wrapStringChildrenInText,\n} from '@tamagui/helpers-tamagui'\nimport { ThemeableStack, YStack } from '@tamagui/stacks'\nimport { SizableText } 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\n    // subtitle\n    subTitle?: React.ReactNode\n  }\n\nconst ListItemFrame = styled(ThemeableStack, {\n  name: 'ListItem',\n  tag: 'li',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  width: '100%',\n  maxWidth: '100%',\n  overflow: 'hidden',\n  flexDirection: 'row',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          paddingVertical: getSize(val, -1),\n          paddingHorizontal: tokens.size[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  color: '$color',\n  selectable: false,\n  flexGrow: 1,\n  flexShrink: 1,\n  ellipse: true,\n})\n\nexport const ListItemSubtitle = styled(ListItemText, {\n  color: '$colorPress',\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    ...rest\n  } = props as ListItemProps\n\n  const size = props.size || '$4'\n  const subtitleSizeToken = getSize(size, -2)\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 = wrapStringChildrenInText(ListItemText, props)\n\n  return (\n    <ListItemFrame fontFamily={fontFamily} ref={ref as any} {...rest}>\n      {themedIcon || themedIconAfter ? (\n        <>\n          {themedIcon ? (\n            <>\n              {themedIcon}\n              <Spacer size={spaceSize} />\n            </>\n          ) : null}\n          <YStack>\n            {contents}\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 opacity={0.65} size={subtitleSize}>\n                  {subTitle}\n                </ListItemSubtitle>\n              ) : (\n                subTitle\n              )\n            ) : null}\n          </YStack>\n          {themedIconAfter ? (\n            <>\n              <Spacer flex size={spaceSize} />\n              {themedIconAfter}\n            </>\n          ) : null}\n        </>\n      ) : (\n        contents\n      )}\n    </ListItemFrame>\n  )\n})\n\nexport const ListItem: ReactComponentWithRef<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"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+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);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/useCurrentColor.js

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 useCurrentColor_exports = {};
+__export(useCurrentColor_exports, {
+  useCurrentColor: () => useCurrentColor
+});
+module.exports = __toCommonJS(useCurrentColor_exports);
+var import_core = require("@tamagui/core");
+const useCurrentColor = /* @__PURE__ */ __name((colorProp) => {
+  const theme = (0, import_core.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");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useCurrentColor
+});
+//# sourceMappingURL=useCurrentColor.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0D;AAGnD,MAAM,kBAAkB,wBAAC,cAAyB;AACvD,QAAM,QAAQ,0BAAS;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/cjs/useGetThemedIcon.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 useGetThemedIcon_exports = {};
+__export(useGetThemedIcon_exports, {
+  useGetThemedIcon: () => useGetThemedIcon
+});
+module.exports = __toCommonJS(useGetThemedIcon_exports);
+var import_react = __toESM(require("react"));
+var import_useCurrentColor = require("./useCurrentColor");
+const useGetThemedIcon = /* @__PURE__ */ __name((props) => {
+  const color = (0, import_useCurrentColor.useCurrentColor)(props.color);
+  return (el) => {
+    if ((0, import_react.isValidElement)(el)) {
+      return el;
+    }
+    if (el) {
+      return import_react.default.createElement(el, props);
+    }
+    return el;
+  };
+}, "useGetThemedIcon");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGetThemedIcon
+});
+//# sourceMappingURL=useGetThemedIcon.js.map

package/dist/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAEtC,6BAA2C;AAEpC,MAAM,mBAAmB,wBAAC,UAA8C;AAC7E,QAAM,QAAQ,4CAAgB,MAAM,KAAK;AACzC,SAAO,CAAC,OAAY;AAClB,QAAI,iCAAe,EAAE,GAAG;AACtB,aAAO;AAAA,IACT;AACA,QAAI,IAAI;AACN,aAAO,qBAAM,cAAc,IAAI,KAAK;AAAA,IACtC;AACA,WAAO;AAAA,EACT;AACF,GAXgC;",
+  "names": []
+}