@tamagui/list-item 1.61.3 → 1.62.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/cjs/ListItem.js +34 -65
  2. package/dist/cjs/ListItem.js.map +1 -1
  3. package/dist/cjs/ListItem.native.js +205 -0
  4. package/dist/cjs/ListItem.native.js.map +6 -0
  5. package/dist/cjs/index.js +4 -8
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/cjs/index.native.js +20 -0
  8. package/dist/cjs/index.native.js.map +6 -0
  9. package/dist/esm/ListItem.js +29 -49
  10. package/dist/esm/ListItem.js.map +1 -1
  11. package/dist/jsx/ListItem.js +28 -48
  12. package/dist/jsx/ListItem.js.map +1 -1
  13. package/dist/jsx/ListItem.native.js +196 -0
  14. package/dist/jsx/ListItem.native.js.map +6 -0
  15. package/dist/jsx/index.native.js +2 -0
  16. package/dist/jsx/index.native.js.map +6 -0
  17. package/package.json +8 -8
package/dist/cjs/ListItem.js CHANGED
@@ -1,21 +1,17 @@
1
- "use strict";
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
5
  var __export = (target, all) => {
7
6
  for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
7
+ __defProp(target, name, { get: all[name], enumerable: !0 });
8
+ }, __copyProps = (to, from, except, desc) => {
9
+ if (from && typeof from == "object" || typeof from == "function")
12
10
  for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
11
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
12
  return to;
17
13
  };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
19
15
  var ListItem_exports = {};
20
16
  __export(ListItem_exports, {
21
17
  ListItem: () => ListItem2,
@@ -28,16 +24,8 @@ __export(ListItem_exports, {
28
24
  useListItem: () => useListItem
29
25
  });
30
26
  module.exports = __toCommonJS(ListItem_exports);
31
- var import_jsx_runtime = require("react/jsx-runtime");
32
- var import_font_size = require("@tamagui/font-size");
33
- var import_get_font_sized = require("@tamagui/get-font-sized");
34
- var import_get_token = require("@tamagui/get-token");
35
- var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
36
- var import_stacks = require("@tamagui/stacks");
37
- var import_text = require("@tamagui/text");
38
- var import_web = require("@tamagui/web");
39
- const NAME = "ListItem";
40
- const listItemVariants = {
27
+ var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
28
+ const NAME = "ListItem", listItemVariants = {
41
29
  unstyled: {
42
30
  false: {
43
31
  size: "$true",
@@ -52,15 +40,13 @@ const listItemVariants = {
52
40
  }
53
41
  },
54
42
  size: {
55
- "...size": (val, { tokens }) => {
56
- return {
57
- minHeight: tokens.size[val],
58
- paddingHorizontal: tokens.space[val],
59
- paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
60
- shift: -4
61
- })
62
- };
63
- }
43
+ "...size": (val, { tokens }) => ({
44
+ minHeight: tokens.size[val],
45
+ paddingHorizontal: tokens.space[val],
46
+ paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
47
+ shift: -4
48
+ })
49
+ })
64
50
  },
65
51
  active: {
66
52
  true: {
@@ -76,16 +62,14 @@ const listItemVariants = {
76
62
  pointerEvents: "none"
77
63
  }
78
64
  }
79
- };
80
- const ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
65
+ }, ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
81
66
  name: NAME,
82
67
  tag: "li",
83
68
  variants: listItemVariants,
84
69
  defaultVariants: {
85
- unstyled: false
70
+ unstyled: !1
86
71
  }
87
- });
88
- const ListItemText = (0, import_web.styled)(import_text.SizableText, {
72
+ }), ListItemText = (0, import_web.styled)(import_text.SizableText, {
89
73
  name: "ListItemText",
90
74
  variants: {
91
75
  unstyled: {
@@ -94,16 +78,15 @@ const ListItemText = (0, import_web.styled)(import_text.SizableText, {
94
78
  size: "$true",
95
79
  flexGrow: 1,
96
80
  flexShrink: 1,
97
- ellipse: true,
81
+ ellipse: !0,
98
82
  cursor: "default"
99
83
  }
100
84
  }
101
85
  },
102
86
  defaultVariants: {
103
- unstyled: false
87
+ unstyled: !1
104
88
  }
105
- });
106
- const ListItemSubtitle = (0, import_web.styled)(ListItemText, {
89
+ }), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
107
90
  name: "ListItemSubtitle",
108
91
  variants: {
109
92
  unstyled: {
@@ -117,27 +100,23 @@ const ListItemSubtitle = (0, import_web.styled)(ListItemText, {
117
100
  "...size": (val, extras) => {
118
101
  const oneSmaller = (0, import_get_token.getSize)(val, {
119
102
  shift: -1,
120
- excludeHalfSteps: true
103
+ excludeHalfSteps: !0
121
104
  });
122
- const fontStyle = (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
123
- return fontStyle;
105
+ return (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
124
106
  }
125
107
  }
126
108
  },
127
109
  defaultVariants: {
128
- unstyled: false
110
+ unstyled: !1
129
111
  }
130
- });
131
- const ListItemTitle = (0, import_web.styled)(ListItemText, {
112
+ }), ListItemTitle = (0, import_web.styled)(ListItemText, {
132
113
  name: "ListItemTitle"
133
- });
134
- const useListItem = (propsIn, {
114
+ }), useListItem = (propsIn, {
135
115
  Text = ListItemText,
136
116
  Subtitle = ListItemSubtitle,
137
117
  Title = ListItemTitle
138
118
  } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
139
- const props = (0, import_web.useProps)(propsIn);
140
- const {
119
+ const props = (0, import_web.useProps)(propsIn), {
141
120
  children,
142
121
  icon,
143
122
  iconAfter,
@@ -147,7 +126,7 @@ const useListItem = (propsIn, {
147
126
  spaceFlex,
148
127
  scaleIcon = 1,
149
128
  scaleSpace = 1,
150
- unstyled = false,
129
+ unstyled = !1,
151
130
  subTitle,
152
131
  title,
153
132
  // text props
@@ -159,8 +138,7 @@ const useListItem = (propsIn, {
159
138
  textAlign,
160
139
  ellipse,
161
140
  ...rest
162
- } = props;
163
- const textProps = {
141
+ } = props, textProps = {
164
142
  color,
165
143
  fontWeight,
166
144
  fontSize,
@@ -169,13 +147,7 @@ const useListItem = (propsIn, {
169
147
  textAlign,
170
148
  ellipse,
171
149
  children
172
- };
173
- const size = props.size || "$true";
174
- const iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon;
175
- const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
176
- const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
177
- const spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace;
178
- const contents = (0, import_text.wrapChildrenInText)(Text, textProps);
150
+ }, size = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace, contents = (0, import_text.wrapChildrenInText)(Text, textProps);
179
151
  return {
180
152
  props: {
181
153
  ...rest,
@@ -184,9 +156,9 @@ const useListItem = (propsIn, {
184
156
  themedIcon,
185
157
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Spacer, { size: spaceSize })
186
158
  ] }) : null,
187
- Boolean(title || subTitle) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
159
+ title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
188
160
  noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { size, children: title }),
189
- subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
161
+ subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle == "string" && noTextWrap !== "all" ? (
190
162
  // TODO can use theme but we need to standardize to alt themes
191
163
  // or standardize on subtle colors in themes
192
164
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { unstyled, size, children: subTitle })
@@ -200,12 +172,10 @@ const useListItem = (propsIn, {
200
172
  ] })
201
173
  }
202
174
  };
203
- };
204
- const ListItemComponent = ListItemFrame.styleable(function ListItem(props, ref) {
175
+ }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
205
176
  const { props: listItemProps } = useListItem(props);
206
177
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
207
- });
208
- const listItemStaticConfig = {
178
+ }), listItemStaticConfig = {
209
179
  inlineProps: /* @__PURE__ */ new Set([
210
180
  // text props go here (can't really optimize them, but we never fully extract listItem anyway)
211
181
  "color",
@@ -216,8 +186,7 @@ const listItemStaticConfig = {
216
186
  "textAlign",
217
187
  "ellipse"
218
188
  ])
219
- };
220
- const ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
189
+ }, ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
221
190
  Text: ListItemText,
222
191
  Subtitle: ListItemSubtitle
223
192
  });
package/dist/cjs/ListItem.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItem.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["ListItem"]
6
6
  }
package/dist/cjs/ListItem.native.js ADDED
@@ -0,0 +1,205 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: !0 });
9
+ }, __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from == "object" || typeof from == "function")
11
+ for (let key of __getOwnPropNames(from))
12
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
13
+ return to;
14
+ };
15
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
+ var ListItem_exports = {};
17
+ __export(ListItem_exports, {
18
+ ListItem: () => ListItem2,
19
+ ListItemFrame: () => ListItemFrame,
20
+ ListItemSubtitle: () => ListItemSubtitle,
21
+ ListItemText: () => ListItemText,
22
+ ListItemTitle: () => ListItemTitle,
23
+ listItemStaticConfig: () => listItemStaticConfig,
24
+ listItemVariants: () => listItemVariants,
25
+ useListItem: () => useListItem
26
+ });
27
+ module.exports = __toCommonJS(ListItem_exports);
28
+ var import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), import_jsx_runtime = require("react/jsx-runtime");
29
+ const NAME = "ListItem", listItemVariants = {
30
+ unstyled: {
31
+ false: {
32
+ size: "$true",
33
+ alignItems: "center",
34
+ flexWrap: "nowrap",
35
+ width: "100%",
36
+ borderColor: "$borderColor",
37
+ maxWidth: "100%",
38
+ overflow: "hidden",
39
+ flexDirection: "row",
40
+ backgroundColor: "$background"
41
+ }
42
+ },
43
+ size: {
44
+ "...size": (val, { tokens }) => ({
45
+ minHeight: tokens.size[val],
46
+ paddingHorizontal: tokens.space[val],
47
+ paddingVertical: (0, import_get_token.getSpace)(tokens.space[val], {
48
+ shift: -4
49
+ })
50
+ })
51
+ },
52
+ active: {
53
+ true: {
54
+ hoverStyle: {
55
+ backgroundColor: "$background"
56
+ }
57
+ }
58
+ },
59
+ disabled: {
60
+ true: {
61
+ opacity: 0.5,
62
+ // TODO breaking types
63
+ pointerEvents: "none"
64
+ }
65
+ }
66
+ }, ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
67
+ name: NAME,
68
+ tag: "li",
69
+ variants: listItemVariants,
70
+ defaultVariants: {
71
+ unstyled: !1
72
+ }
73
+ }), ListItemText = (0, import_web.styled)(import_text.SizableText, {
74
+ name: "ListItemText",
75
+ variants: {
76
+ unstyled: {
77
+ false: {
78
+ color: "$color",
79
+ size: "$true",
80
+ flexGrow: 1,
81
+ flexShrink: 1,
82
+ ellipse: !0,
83
+ cursor: "default"
84
+ }
85
+ }
86
+ },
87
+ defaultVariants: {
88
+ unstyled: !1
89
+ }
90
+ }), ListItemSubtitle = (0, import_web.styled)(ListItemText, {
91
+ name: "ListItemSubtitle",
92
+ variants: {
93
+ unstyled: {
94
+ false: {
95
+ opacity: 0.6,
96
+ maxWidth: "100%",
97
+ color: "$color"
98
+ }
99
+ },
100
+ size: {
101
+ "...size": (val, extras) => {
102
+ const oneSmaller = (0, import_get_token.getSize)(val, {
103
+ shift: -1,
104
+ excludeHalfSteps: !0
105
+ });
106
+ return (0, import_get_font_sized.getFontSized)(oneSmaller.key, extras);
107
+ }
108
+ }
109
+ },
110
+ defaultVariants: {
111
+ unstyled: !1
112
+ }
113
+ }), ListItemTitle = (0, import_web.styled)(ListItemText, {
114
+ name: "ListItemTitle"
115
+ }), useListItem = (propsIn, {
116
+ Text = ListItemText,
117
+ Subtitle = ListItemSubtitle,
118
+ Title = ListItemTitle
119
+ } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
120
+ const props = (0, import_web.useProps)(propsIn), {
121
+ children,
122
+ icon,
123
+ iconAfter,
124
+ noTextWrap,
125
+ theme: themeName,
126
+ space,
127
+ spaceFlex,
128
+ scaleIcon = 1,
129
+ scaleSpace = 1,
130
+ unstyled = !1,
131
+ subTitle,
132
+ title,
133
+ // text props
134
+ color,
135
+ fontWeight,
136
+ fontSize,
137
+ fontFamily,
138
+ letterSpacing,
139
+ textAlign,
140
+ ellipse,
141
+ ...rest
142
+ } = props, textProps = {
143
+ color,
144
+ fontWeight,
145
+ fontSize,
146
+ fontFamily,
147
+ letterSpacing,
148
+ textAlign,
149
+ ellipse,
150
+ children
151
+ }, size = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = (0, import_web.getVariableValue)((0, import_web.getTokens)().space[props.space] ?? iconSize) * scaleSpace, contents = (0, import_text.wrapChildrenInText)(Text, textProps);
152
+ return {
153
+ props: {
154
+ ...rest,
155
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
156
+ themedIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
157
+ themedIcon,
158
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Spacer, { size: spaceSize })
159
+ ] }) : null,
160
+ title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, { flex: 1, children: [
161
+ noTextWrap === "all" ? title : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, { size, children: title }),
162
+ subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: typeof subTitle == "string" && noTextWrap !== "all" ? (
163
+ // TODO can use theme but we need to standardize to alt themes
164
+ // or standardize on subtle colors in themes
165
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subtitle, { unstyled, size, children: subTitle })
166
+ ) : subTitle }) : null,
167
+ contents
168
+ ] }) : contents,
169
+ themedIconAfter ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
170
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_web.Spacer, { size: spaceSize }),
171
+ themedIconAfter
172
+ ] }) : null
173
+ ] })
174
+ }
175
+ };
176
+ }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
177
+ const { props: listItemProps } = useListItem(props);
178
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
179
+ }), listItemStaticConfig = {
180
+ inlineProps: /* @__PURE__ */ new Set([
181
+ // text props go here (can't really optimize them, but we never fully extract listItem anyway)
182
+ "color",
183
+ "fontWeight",
184
+ "fontSize",
185
+ "fontFamily",
186
+ "letterSpacing",
187
+ "textAlign",
188
+ "ellipse"
189
+ ])
190
+ }, ListItem2 = (0, import_web.withStaticProperties)(ListItemComponent, {
191
+ Text: ListItemText,
192
+ Subtitle: ListItemSubtitle
193
+ });
194
+ // Annotate the CommonJS export names for ESM import in node:
195
+ 0 && (module.exports = {
196
+ ListItem,
197
+ ListItemFrame,
198
+ ListItemSubtitle,
199
+ ListItemText,
200
+ ListItemTitle,
201
+ listItemStaticConfig,
202
+ listItemVariants,
203
+ useListItem
204
+ });
205
+ //# sourceMappingURL=ListItem.js.map
package/dist/cjs/ListItem.native.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ListItem.tsx"],
4
+ "mappings": "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",
5
+ "names": ["ListItem"]
6
+ }
package/dist/cjs/index.js CHANGED
@@ -1,18 +1,14 @@
1
- "use strict";
2
1
  var __defProp = Object.defineProperty;
3
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
5
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
6
5
  var __copyProps = (to, from, except, desc) => {
7
- if (from && typeof from === "object" || typeof from === "function") {
6
+ if (from && typeof from == "object" || typeof from == "function")
8
7
  for (let key of __getOwnPropNames(from))
9
- if (!__hasOwnProp.call(to, key) && key !== except)
10
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
11
- }
8
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
12
9
  return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
10
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
11
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
16
12
  var src_exports = {};
17
13
  module.exports = __toCommonJS(src_exports);
18
14
  __reExport(src_exports, require("./ListItem"), module.exports);
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
4
+ "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
5
5
  "names": []
6
6
  }
package/dist/cjs/index.native.js ADDED
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __copyProps = (to, from, except, desc) => {
7
+ if (from && typeof from == "object" || typeof from == "function")
8
+ for (let key of __getOwnPropNames(from))
9
+ !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ return to;
11
+ }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
12
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
13
+ var src_exports = {};
14
+ module.exports = __toCommonJS(src_exports);
15
+ __reExport(src_exports, require("./ListItem"), module.exports);
16
+ // Annotate the CommonJS export names for ESM import in node:
17
+ 0 && (module.exports = {
18
+ ...require("./ListItem")
19
+ });
20
+ //# sourceMappingURL=index.js.map
package/dist/cjs/index.native.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,uBAAd;",
5
+ "names": []
6
+ }
package/dist/esm/ListItem.js CHANGED
@@ -1,4 +1,3 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
1
  import { getFontSize } from "@tamagui/font-size";
3
2
  import { getFontSized } from "@tamagui/get-font-sized";
4
3
  import { getSize, getSpace } from "@tamagui/get-token";
@@ -13,8 +12,8 @@ import {
13
12
  useProps,
14
13
  withStaticProperties
15
14
  } from "@tamagui/web";
16
- const NAME = "ListItem";
17
- const listItemVariants = {
15
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
16
+ const NAME = "ListItem", listItemVariants = {
18
17
  unstyled: {
19
18
  false: {
20
19
  size: "$true",
@@ -29,15 +28,13 @@ const listItemVariants = {
29
28
  }
30
29
  },
31
30
  size: {
32
- "...size": (val, { tokens }) => {
33
- return {
34
- minHeight: tokens.size[val],
35
- paddingHorizontal: tokens.space[val],
36
- paddingVertical: getSpace(tokens.space[val], {
37
- shift: -4
38
- })
39
- };
40
- }
31
+ "...size": (val, { tokens }) => ({
32
+ minHeight: tokens.size[val],
33
+ paddingHorizontal: tokens.space[val],
34
+ paddingVertical: getSpace(tokens.space[val], {
35
+ shift: -4
36
+ })
37
+ })
41
38
  },
42
39
  active: {
43
40
  true: {
@@ -53,16 +50,14 @@ const listItemVariants = {
53
50
  pointerEvents: "none"
54
51
  }
55
52
  }
56
- };
57
- const ListItemFrame = styled(ThemeableStack, {
53
+ }, ListItemFrame = styled(ThemeableStack, {
58
54
  name: NAME,
59
55
  tag: "li",
60
56
  variants: listItemVariants,
61
57
  defaultVariants: {
62
- unstyled: false
58
+ unstyled: !1
63
59
  }
64
- });
65
- const ListItemText = styled(SizableText, {
60
+ }), ListItemText = styled(SizableText, {
66
61
  name: "ListItemText",
67
62
  variants: {
68
63
  unstyled: {
@@ -71,16 +66,15 @@ const ListItemText = styled(SizableText, {
71
66
  size: "$true",
72
67
  flexGrow: 1,
73
68
  flexShrink: 1,
74
- ellipse: true,
69
+ ellipse: !0,
75
70
  cursor: "default"
76
71
  }
77
72
  }
78
73
  },
79
74
  defaultVariants: {
80
- unstyled: false
75
+ unstyled: !1
81
76
  }
82
- });
83
- const ListItemSubtitle = styled(ListItemText, {
77
+ }), ListItemSubtitle = styled(ListItemText, {
84
78
  name: "ListItemSubtitle",
85
79
  variants: {
86
80
  unstyled: {
@@ -94,27 +88,23 @@ const ListItemSubtitle = styled(ListItemText, {
94
88
  "...size": (val, extras) => {
95
89
  const oneSmaller = getSize(val, {
96
90
  shift: -1,
97
- excludeHalfSteps: true
91
+ excludeHalfSteps: !0
98
92
  });
99
- const fontStyle = getFontSized(oneSmaller.key, extras);
100
- return fontStyle;
93
+ return getFontSized(oneSmaller.key, extras);
101
94
  }
102
95
  }
103
96
  },
104
97
  defaultVariants: {
105
- unstyled: false
98
+ unstyled: !1
106
99
  }
107
- });
108
- const ListItemTitle = styled(ListItemText, {
100
+ }), ListItemTitle = styled(ListItemText, {
109
101
  name: "ListItemTitle"
110
- });
111
- const useListItem = (propsIn, {
102
+ }), useListItem = (propsIn, {
112
103
  Text = ListItemText,
113
104
  Subtitle = ListItemSubtitle,
114
105
  Title = ListItemTitle
115
106
  } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
116
- const props = useProps(propsIn);
117
- const {
107
+ const props = useProps(propsIn), {
118
108
  children,
119
109
  icon,
120
110
  iconAfter,
@@ -124,7 +114,7 @@ const useListItem = (propsIn, {
124
114
  spaceFlex,
125
115
  scaleIcon = 1,
126
116
  scaleSpace = 1,
127
- unstyled = false,
117
+ unstyled = !1,
128
118
  subTitle,
129
119
  title,
130
120
  // text props
@@ -136,8 +126,7 @@ const useListItem = (propsIn, {
136
126
  textAlign,
137
127
  ellipse,
138
128
  ...rest
139
- } = props;
140
- const textProps = {
129
+ } = props, textProps = {
141
130
  color,
142
131
  fontWeight,
143
132
  fontSize,
@@ -146,13 +135,7 @@ const useListItem = (propsIn, {
146
135
  textAlign,
147
136
  ellipse,
148
137
  children
149
- };
150
- const size = props.size || "$true";
151
- const iconSize = getFontSize(size) * scaleIcon;
152
- const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
153
- const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
154
- const spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace;
155
- const contents = wrapChildrenInText(Text, textProps);
138
+ }, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
156
139
  return {
157
140
  props: {
158
141
  ...rest,
@@ -161,9 +144,9 @@ const useListItem = (propsIn, {
161
144
  themedIcon,
162
145
  /* @__PURE__ */ jsx(Spacer, { size: spaceSize })
163
146
  ] }) : null,
164
- Boolean(title || subTitle) ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
147
+ title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
165
148
  noTextWrap === "all" ? title : /* @__PURE__ */ jsx(Title, { size, children: title }),
166
- subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle === "string" && noTextWrap !== "all" ? (
149
+ subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" && noTextWrap !== "all" ? (
167
150
  // TODO can use theme but we need to standardize to alt themes
168
151
  // or standardize on subtle colors in themes
169
152
  /* @__PURE__ */ jsx(Subtitle, { unstyled, size, children: subTitle })
@@ -177,12 +160,10 @@ const useListItem = (propsIn, {
177
160
  ] })
178
161
  }
179
162
  };
180
- };
181
- const ListItemComponent = ListItemFrame.styleable(function ListItem(props, ref) {
163
+ }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
182
164
  const { props: listItemProps } = useListItem(props);
183
165
  return /* @__PURE__ */ jsx(ListItemFrame, { ref, justifyContent: "space-between", ...listItemProps });
184
- });
185
- const listItemStaticConfig = {
166
+ }), listItemStaticConfig = {
186
167
  inlineProps: /* @__PURE__ */ new Set([
187
168
  // text props go here (can't really optimize them, but we never fully extract listItem anyway)
188
169
  "color",
@@ -193,8 +174,7 @@ const listItemStaticConfig = {
193
174
  "textAlign",
194
175
  "ellipse"
195
176
  ])
196
- };
197
- const ListItem2 = withStaticProperties(ListItemComponent, {
177
+ }, ListItem2 = withStaticProperties(ListItemComponent, {
198
178
  Text: ListItemText,
199
179
  Subtitle: ListItemSubtitle
200
180
  });
package/dist/esm/ListItem.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItem.tsx"],
4
- "mappings": "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",
4
+ "mappings": "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",
5
5
  "names": ["ListItem"]
6
6
  }
package/dist/jsx/ListItem.js CHANGED
@@ -12,8 +12,7 @@ import {
12
12
  useProps,
13
13
  withStaticProperties
14
14
  } from "@tamagui/web";
15
- const NAME = "ListItem";
16
- const listItemVariants = {
15
+ const NAME = "ListItem", listItemVariants = {
17
16
  unstyled: {
18
17
  false: {
19
18
  size: "$true",
@@ -28,15 +27,13 @@ const listItemVariants = {
28
27
  }
29
28
  },
30
29
  size: {
31
- "...size": (val, { tokens }) => {
32
- return {
33
- minHeight: tokens.size[val],
34
- paddingHorizontal: tokens.space[val],
35
- paddingVertical: getSpace(tokens.space[val], {
36
- shift: -4
37
- })
38
- };
39
- }
30
+ "...size": (val, { tokens }) => ({
31
+ minHeight: tokens.size[val],
32
+ paddingHorizontal: tokens.space[val],
33
+ paddingVertical: getSpace(tokens.space[val], {
34
+ shift: -4
35
+ })
36
+ })
40
37
  },
41
38
  active: {
42
39
  true: {
@@ -52,16 +49,14 @@ const listItemVariants = {
52
49
  pointerEvents: "none"
53
50
  }
54
51
  }
55
- };
56
- const ListItemFrame = styled(ThemeableStack, {
52
+ }, ListItemFrame = styled(ThemeableStack, {
57
53
  name: NAME,
58
54
  tag: "li",
59
55
  variants: listItemVariants,
60
56
  defaultVariants: {
61
- unstyled: false
57
+ unstyled: !1
62
58
  }
63
- });
64
- const ListItemText = styled(SizableText, {
59
+ }), ListItemText = styled(SizableText, {
65
60
  name: "ListItemText",
66
61
  variants: {
67
62
  unstyled: {
@@ -70,16 +65,15 @@ const ListItemText = styled(SizableText, {
70
65
  size: "$true",
71
66
  flexGrow: 1,
72
67
  flexShrink: 1,
73
- ellipse: true,
68
+ ellipse: !0,
74
69
  cursor: "default"
75
70
  }
76
71
  }
77
72
  },
78
73
  defaultVariants: {
79
- unstyled: false
74
+ unstyled: !1
80
75
  }
81
- });
82
- const ListItemSubtitle = styled(ListItemText, {
76
+ }), ListItemSubtitle = styled(ListItemText, {
83
77
  name: "ListItemSubtitle",
84
78
  variants: {
85
79
  unstyled: {
@@ -93,27 +87,23 @@ const ListItemSubtitle = styled(ListItemText, {
93
87
  "...size": (val, extras) => {
94
88
  const oneSmaller = getSize(val, {
95
89
  shift: -1,
96
- excludeHalfSteps: true
90
+ excludeHalfSteps: !0
97
91
  });
98
- const fontStyle = getFontSized(oneSmaller.key, extras);
99
- return fontStyle;
92
+ return getFontSized(oneSmaller.key, extras);
100
93
  }
101
94
  }
102
95
  },
103
96
  defaultVariants: {
104
- unstyled: false
97
+ unstyled: !1
105
98
  }
106
- });
107
- const ListItemTitle = styled(ListItemText, {
99
+ }), ListItemTitle = styled(ListItemText, {
108
100
  name: "ListItemTitle"
109
- });
110
- const useListItem = (propsIn, {
101
+ }), useListItem = (propsIn, {
111
102
  Text = ListItemText,
112
103
  Subtitle = ListItemSubtitle,
113
104
  Title = ListItemTitle
114
105
  } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
115
- const props = useProps(propsIn);
116
- const {
106
+ const props = useProps(propsIn), {
117
107
  children,
118
108
  icon,
119
109
  iconAfter,
@@ -123,7 +113,7 @@ const useListItem = (propsIn, {
123
113
  spaceFlex,
124
114
  scaleIcon = 1,
125
115
  scaleSpace = 1,
126
- unstyled = false,
116
+ unstyled = !1,
127
117
  subTitle,
128
118
  title,
129
119
  // text props
@@ -135,8 +125,7 @@ const useListItem = (propsIn, {
135
125
  textAlign,
136
126
  ellipse,
137
127
  ...rest
138
- } = props;
139
- const textProps = {
128
+ } = props, textProps = {
140
129
  color,
141
130
  fontWeight,
142
131
  fontSize,
@@ -145,13 +134,7 @@ const useListItem = (propsIn, {
145
134
  textAlign,
146
135
  ellipse,
147
136
  children
148
- };
149
- const size = props.size || "$true";
150
- const iconSize = getFontSize(size) * scaleIcon;
151
- const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
152
- const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
153
- const spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace;
154
- const contents = wrapChildrenInText(Text, textProps);
137
+ }, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
155
138
  return {
156
139
  props: {
157
140
  ...rest,
@@ -166,9 +149,9 @@ const useListItem = (propsIn, {
166
149
  {
167
150
  /* rome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
168
151
  }
169
- {Boolean(title || subTitle) ? <YStack flex={1}>
152
+ {title || subTitle ? <YStack flex={1}>
170
153
  {noTextWrap === "all" ? title : <Title size={size}>{title}</Title>}
171
- {subTitle ? <>{typeof subTitle === "string" && noTextWrap !== "all" ? (
154
+ {subTitle ? <>{typeof subTitle == "string" && noTextWrap !== "all" ? (
172
155
  // TODO can use theme but we need to standardize to alt themes
173
156
  // or standardize on subtle colors in themes
174
157
  <Subtitle unstyled={unstyled} size={size}>{subTitle}</Subtitle>
@@ -182,12 +165,10 @@ const useListItem = (propsIn, {
182
165
  </>
183
166
  }
184
167
  };
185
- };
186
- const ListItemComponent = ListItemFrame.styleable(function ListItem(props, ref) {
168
+ }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
187
169
  const { props: listItemProps } = useListItem(props);
188
170
  return <ListItemFrame ref={ref} justifyContent="space-between" {...listItemProps} />;
189
- });
190
- const listItemStaticConfig = {
171
+ }), listItemStaticConfig = {
191
172
  inlineProps: /* @__PURE__ */ new Set([
192
173
  // text props go here (can't really optimize them, but we never fully extract listItem anyway)
193
174
  "color",
@@ -198,8 +179,7 @@ const listItemStaticConfig = {
198
179
  "textAlign",
199
180
  "ellipse"
200
181
  ])
201
- };
202
- const ListItem2 = withStaticProperties(ListItemComponent, {
182
+ }, ListItem2 = withStaticProperties(ListItemComponent, {
203
183
  Text: ListItemText,
204
184
  Subtitle: ListItemSubtitle
205
185
  });
package/dist/jsx/ListItem.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ListItem.tsx"],
4
- "mappings": "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",
4
+ "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,wBAAwB;AACjC,SAAS,gBAAgB,cAAc;AACvC,SAAS,aAA+B,0BAA0B;AAClE;AAAA,EAIE;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA8CP,MAAM,OAAO,YAEA,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,eAAe;AAAA,MACf,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,WAAW,CAAC,KAAiB,EAAE,OAAO,OAC7B;AAAA,MACL,WAAW,OAAO,KAAK,GAAG;AAAA,MAC1B,mBAAmB,OAAO,MAAM,GAAG;AAAA,MACnC,iBAAiB,SAAS,OAAO,MAAM,GAAG,GAAG;AAAA,QAC3C,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EAEJ;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA;AAAA,MAET,eAAe;AAAA,IACjB;AAAA,EACF;AACF,GAEa,gBAAgB,OAAO,gBAAgB;AAAA,EAClD,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,EAEV,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,eAAe,OAAO,aAAa;AAAA,EAC9C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,mBAAmB,OAAO,cAAc;AAAA,EACnD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,cAAM,aAAa,QAAQ,KAAK;AAAA,UAC9B,OAAO;AAAA,UACP,kBAAkB;AAAA,QACpB,CAAC;AAED,eADkB,aAAa,WAAW,KAAuB,MAAM;AAAA,MAEzE;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,gBAAgB,OAAO,cAAc;AAAA,EAChD,MAAM;AACR,CAAC,GAEY,cAAc,CACzB,SACA;AAAA,EACE,OAAO;AAAA,EACP,WAAW;AAAA,EACX,QAAQ;AACV,IAII,EAAE,MAAM,cAAc,UAAU,kBAAkB,OAAO,cAAc,MACxE;AAEH,QAAM,QAAQ,SAAS,OAAO,GAExB;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,WAAW;AAAA,IACX;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,GAAG;AAAA,EACL,IAAI,OAEE,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEM,OAAO,MAAM,QAAQ,SACrB,WAAW,YAAY,IAAW,IAAI,WACtC,gBAAgB,iBAAiB,EAAE,MAAM,UAAU,MAAoB,CAAC,GACxE,CAAC,YAAY,eAAe,IAAI,CAAC,MAAM,SAAS,EAAE,IAAI,aAAa,GACnE,YACJ,iBAAiB,UAAU,EAAE,MAAM,MAAM,KAAY,KAAK,QAAQ,IAAI,YAElE,WAAW,mBAAmB,MAAM,SAAS;AAEnD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,UACE;AAAA,SACG,aACC;AAAA,WACG;AAAA,UACD,CAAC,OAAO,MAAM,WAAW;AAAA,QAC3B,MACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAGK,SAAS,WAChB,CAAC,OAAO,MAAM;AAAA,WACX,eAAe,QAAQ,QAAQ,CAAC,MAAM,MAAM,OAAO,MAAM,EAAzB;AAAA,WAChC,WACC,GACG,OAAO,YAAa,YAAY,eAAe;AAAA;AAAA;AAAA,YAG9C,CAAC,SAAS,UAAU,UAAU,MAAM,OACjC,SACH,EAFC;AAAA,cAID,SAEJ,MACE;AAAA,WACH;AAAA,QACH,EAhBC,UAkBD;AAAA,SAED,kBACC;AAAA,UACE,CAAC,OAAO,MAAM,WAAW;AAAA,WACxB;AAAA,QACH,MACE;AAAA,MACN;AAAA,IAEJ;AAAA,EACF;AACF,GAEM,oBAAoB,cAAc,UAAyB,SAC/D,OACA,KACA;AACA,QAAM,EAAE,OAAO,cAAc,IAAI,YAAY,KAAK;AAClD,SAAO,CAAC,cAAc,KAAK,KAAK,eAAe,oBAAoB,eAAe;AACpF,CAAC,GAEY,uBAAuB;AAAA,EAClC,aAAa,oBAAI,IAAI;AAAA;AAAA,IAEnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH,GAEaA,YAAW,qBAAqB,mBAAmB;AAAA,EAC9D,MAAM;AAAA,EACN,UAAU;AACZ,CAAC;",
5
5
  "names": ["ListItem"]
6
6
  }
package/dist/jsx/ListItem.native.js ADDED
@@ -0,0 +1,196 @@
1
+ import { getFontSize } from "@tamagui/font-size";
2
+ import { getFontSized } from "@tamagui/get-font-sized";
3
+ import { getSize, getSpace } from "@tamagui/get-token";
4
+ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
5
+ import { ThemeableStack, YStack } from "@tamagui/stacks";
6
+ import { SizableText, wrapChildrenInText } from "@tamagui/text";
7
+ import {
8
+ Spacer,
9
+ getTokens,
10
+ getVariableValue,
11
+ styled,
12
+ useProps,
13
+ withStaticProperties
14
+ } from "@tamagui/web";
15
+ const NAME = "ListItem", listItemVariants = {
16
+ unstyled: {
17
+ false: {
18
+ size: "$true",
19
+ alignItems: "center",
20
+ flexWrap: "nowrap",
21
+ width: "100%",
22
+ borderColor: "$borderColor",
23
+ maxWidth: "100%",
24
+ overflow: "hidden",
25
+ flexDirection: "row",
26
+ backgroundColor: "$background"
27
+ }
28
+ },
29
+ size: {
30
+ "...size": (val, { tokens }) => ({
31
+ minHeight: tokens.size[val],
32
+ paddingHorizontal: tokens.space[val],
33
+ paddingVertical: getSpace(tokens.space[val], {
34
+ shift: -4
35
+ })
36
+ })
37
+ },
38
+ active: {
39
+ true: {
40
+ hoverStyle: {
41
+ backgroundColor: "$background"
42
+ }
43
+ }
44
+ },
45
+ disabled: {
46
+ true: {
47
+ opacity: 0.5,
48
+ // TODO breaking types
49
+ pointerEvents: "none"
50
+ }
51
+ }
52
+ }, ListItemFrame = styled(ThemeableStack, {
53
+ name: NAME,
54
+ tag: "li",
55
+ variants: listItemVariants,
56
+ defaultVariants: {
57
+ unstyled: !1
58
+ }
59
+ }), ListItemText = styled(SizableText, {
60
+ name: "ListItemText",
61
+ variants: {
62
+ unstyled: {
63
+ false: {
64
+ color: "$color",
65
+ size: "$true",
66
+ flexGrow: 1,
67
+ flexShrink: 1,
68
+ ellipse: !0,
69
+ cursor: "default"
70
+ }
71
+ }
72
+ },
73
+ defaultVariants: {
74
+ unstyled: !1
75
+ }
76
+ }), ListItemSubtitle = styled(ListItemText, {
77
+ name: "ListItemSubtitle",
78
+ variants: {
79
+ unstyled: {
80
+ false: {
81
+ opacity: 0.6,
82
+ maxWidth: "100%",
83
+ color: "$color"
84
+ }
85
+ },
86
+ size: {
87
+ "...size": (val, extras) => {
88
+ const oneSmaller = getSize(val, {
89
+ shift: -1,
90
+ excludeHalfSteps: !0
91
+ });
92
+ return getFontSized(oneSmaller.key, extras);
93
+ }
94
+ }
95
+ },
96
+ defaultVariants: {
97
+ unstyled: !1
98
+ }
99
+ }), ListItemTitle = styled(ListItemText, {
100
+ name: "ListItemTitle"
101
+ }), useListItem = (propsIn, {
102
+ Text = ListItemText,
103
+ Subtitle = ListItemSubtitle,
104
+ Title = ListItemTitle
105
+ } = { Text: ListItemText, Subtitle: ListItemSubtitle, Title: ListItemTitle }) => {
106
+ const props = useProps(propsIn), {
107
+ children,
108
+ icon,
109
+ iconAfter,
110
+ noTextWrap,
111
+ theme: themeName,
112
+ space,
113
+ spaceFlex,
114
+ scaleIcon = 1,
115
+ scaleSpace = 1,
116
+ unstyled = !1,
117
+ subTitle,
118
+ title,
119
+ // text props
120
+ color,
121
+ fontWeight,
122
+ fontSize,
123
+ fontFamily,
124
+ letterSpacing,
125
+ textAlign,
126
+ ellipse,
127
+ ...rest
128
+ } = props, textProps = {
129
+ color,
130
+ fontWeight,
131
+ fontSize,
132
+ fontFamily,
133
+ letterSpacing,
134
+ textAlign,
135
+ ellipse,
136
+ children
137
+ }, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({ size: iconSize, color }), [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon), spaceSize = getVariableValue(getTokens().space[props.space] ?? iconSize) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
138
+ return {
139
+ props: {
140
+ ...rest,
141
+ children: <>
142
+ {themedIcon ? <>
143
+ {themedIcon}
144
+ <Spacer size={spaceSize} />
145
+ </> : null}
146
+ {
147
+ /* helper for common title/subtitle pttern */
148
+ }
149
+ {
150
+ /* rome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
151
+ }
152
+ {title || subTitle ? <YStack flex={1}>
153
+ {noTextWrap === "all" ? title : <Title size={size}>{title}</Title>}
154
+ {subTitle ? <>{typeof subTitle == "string" && noTextWrap !== "all" ? (
155
+ // TODO can use theme but we need to standardize to alt themes
156
+ // or standardize on subtle colors in themes
157
+ <Subtitle unstyled={unstyled} size={size}>{subTitle}</Subtitle>
158
+ ) : subTitle}</> : null}
159
+ {contents}
160
+ </YStack> : contents}
161
+ {themedIconAfter ? <>
162
+ <Spacer size={spaceSize} />
163
+ {themedIconAfter}
164
+ </> : null}
165
+ </>
166
+ }
167
+ };
168
+ }, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
169
+ const { props: listItemProps } = useListItem(props);
170
+ return <ListItemFrame ref={ref} justifyContent="space-between" {...listItemProps} />;
171
+ }), listItemStaticConfig = {
172
+ inlineProps: /* @__PURE__ */ new Set([
173
+ // text props go here (can't really optimize them, but we never fully extract listItem anyway)
174
+ "color",
175
+ "fontWeight",
176
+ "fontSize",
177
+ "fontFamily",
178
+ "letterSpacing",
179
+ "textAlign",
180
+ "ellipse"
181
+ ])
182
+ }, ListItem2 = withStaticProperties(ListItemComponent, {
183
+ Text: ListItemText,
184
+ Subtitle: ListItemSubtitle
185
+ });
186
+ export {
187
+ ListItem2 as ListItem,
188
+ ListItemFrame,
189
+ ListItemSubtitle,
190
+ ListItemText,
191
+ ListItemTitle,
192
+ listItemStaticConfig,
193
+ listItemVariants,
194
+ useListItem
195
+ };
196
+ //# sourceMappingURL=ListItem.js.map
package/dist/jsx/ListItem.native.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/ListItem.tsx"],
4
+ "mappings": "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",
5
+ "names": ["ListItem"]
6
+ }
package/dist/jsx/index.native.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./ListItem";
2
+ //# sourceMappingURL=index.js.map
package/dist/jsx/index.native.js.map ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.ts"],
4
+ "mappings": "AAAA,cAAc;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/list-item",
3
- "version": "1.61.3",
3
+ "version": "1.62.1",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -21,18 +21,18 @@
21
21
  "watch": "tamagui-build --watch"
22
22
  },
23
23
  "dependencies": {
24
- "@tamagui/font-size": "1.61.3",
25
- "@tamagui/get-font-sized": "1.61.3",
26
- "@tamagui/get-token": "1.61.3",
27
- "@tamagui/helpers-tamagui": "1.61.3",
28
- "@tamagui/text": "1.61.3",
29
- "@tamagui/web": "1.61.3"
24
+ "@tamagui/font-size": "1.62.1",
25
+ "@tamagui/get-font-sized": "1.62.1",
26
+ "@tamagui/get-token": "1.62.1",
27
+ "@tamagui/helpers-tamagui": "1.62.1",
28
+ "@tamagui/text": "1.62.1",
29
+ "@tamagui/web": "1.62.1"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "react": "*"
33
33
  },
34
34
  "devDependencies": {
35
- "@tamagui/build": "1.61.3",
35
+ "@tamagui/build": "1.62.1",
36
36
  "react": "^18.2.0"
37
37
  },
38
38
  "publishConfig": {