@mekari/pixel3-avatar 0.0.1-alpha.0 → 0.0.2
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.
- package/dist/avatar-excess.d.mts +2 -1
- package/dist/avatar-excess.d.ts +2 -1
- package/dist/avatar-fallback.d.mts +2 -1
- package/dist/avatar-fallback.d.ts +2 -1
- package/dist/avatar-group.d.mts +2 -1
- package/dist/avatar-group.d.ts +2 -1
- package/dist/avatar-group.js +21 -43
- package/dist/avatar-group.mjs +3 -4
- package/dist/avatar-image.d.mts +2 -1
- package/dist/avatar-image.d.ts +2 -1
- package/dist/avatar.d.mts +2 -1
- package/dist/avatar.d.ts +2 -1
- package/dist/avatar.js +33 -84
- package/dist/avatar.mjs +3 -4
- package/dist/{chunk-ZMUFXMG4.mjs → chunk-7XAF53OT.mjs} +27 -28
- package/dist/{chunk-RTYPPBOR.mjs → chunk-EVJ6EN34.mjs} +1 -1
- package/dist/chunk-O4GQNW3M.mjs +28 -0
- package/dist/{chunk-43VB6T4V.mjs → chunk-W3IXO3TE.mjs} +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +53 -122
- package/dist/index.mjs +4 -5
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/avatar.connects.d.mts +3 -3
- package/dist/modules/avatar.connects.d.ts +3 -3
- package/dist/modules/avatar.connects.js +26 -27
- package/dist/modules/avatar.connects.mjs +1 -1
- package/dist/modules/avatar.hooks.js +32 -101
- package/dist/modules/avatar.hooks.mjs +2 -3
- package/dist/modules/avatar.types.d.mts +4 -8
- package/dist/modules/avatar.types.d.ts +4 -8
- package/package.json +4 -8
- package/dist/chunk-JVROEGO3.mjs +0 -52
- package/dist/chunk-U4MXRXR7.mjs +0 -56
- package/dist/modules/avatar.machines.d.mts +0 -14
- package/dist/modules/avatar.machines.d.ts +0 -14
- package/dist/modules/avatar.machines.js +0 -78
- package/dist/modules/avatar.machines.mjs +0 -9
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import {
|
|
2
|
+
avatarConnect,
|
|
3
|
+
avatarGroupConnect
|
|
4
|
+
} from "./chunk-7XAF53OT.mjs";
|
|
5
|
+
import {
|
|
6
|
+
__name
|
|
7
|
+
} from "./chunk-QZ7VFGWC.mjs";
|
|
8
|
+
|
|
9
|
+
// src/modules/avatar.hooks.ts
|
|
10
|
+
import { computed, ref } from "vue";
|
|
11
|
+
import { avatarSlotRecipe, avatarGroupSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
|
|
12
|
+
var useAvatar = /* @__PURE__ */ __name((props, emit) => {
|
|
13
|
+
const context = ref(props);
|
|
14
|
+
const [value] = avatarSlotRecipe.splitVariantProps(context.value);
|
|
15
|
+
const classes = avatarSlotRecipe(value);
|
|
16
|
+
return computed(() => avatarConnect(context.value, emit, classes));
|
|
17
|
+
}, "useAvatar");
|
|
18
|
+
var useAvatarGroup = /* @__PURE__ */ __name((props, emit) => {
|
|
19
|
+
const context = ref(props);
|
|
20
|
+
const [value] = avatarGroupSlotRecipe.splitVariantProps(context.value);
|
|
21
|
+
const classes = avatarGroupSlotRecipe(value);
|
|
22
|
+
return computed(() => avatarGroupConnect(context.value, emit, classes));
|
|
23
|
+
}, "useAvatarGroup");
|
|
24
|
+
|
|
25
|
+
export {
|
|
26
|
+
useAvatar,
|
|
27
|
+
useAvatarGroup
|
|
28
|
+
};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { MpAvatar } from './avatar.mjs';
|
|
2
2
|
export { MpAvatarGroup } from './avatar-group.mjs';
|
|
3
3
|
export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.mjs';
|
|
4
|
+
import 'vue/jsx-runtime';
|
|
4
5
|
import 'vue';
|
|
5
6
|
import '@mekari/pixel3-utils';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { MpAvatar } from './avatar.js';
|
|
2
2
|
export { MpAvatarGroup } from './avatar-group.js';
|
|
3
3
|
export { AvatarGroupProps, AvatarProps, AvatarSize, AvatarVariant, AvatarVariantColor } from './modules/avatar.types.js';
|
|
4
|
+
import 'vue/jsx-runtime';
|
|
4
5
|
import 'vue';
|
|
5
6
|
import '@mekari/pixel3-utils';
|
package/dist/index.js
CHANGED
|
@@ -27,8 +27,8 @@ __export(src_exports, {
|
|
|
27
27
|
module.exports = __toCommonJS(src_exports);
|
|
28
28
|
|
|
29
29
|
// src/avatar.tsx
|
|
30
|
+
var import_vue7 = require("vue");
|
|
30
31
|
var import_vue8 = require("vue");
|
|
31
|
-
var import_vue9 = require("vue");
|
|
32
32
|
|
|
33
33
|
// src/modules/avatar.props.ts
|
|
34
34
|
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
@@ -100,60 +100,11 @@ var avatarGroupEmits = (0, import_pixel3_utils.declareEmit)(["click"]);
|
|
|
100
100
|
|
|
101
101
|
// src/modules/avatar.hooks.ts
|
|
102
102
|
var import_vue2 = require("vue");
|
|
103
|
-
var import_vue3 = require("@xstate/vue");
|
|
104
|
-
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
105
103
|
var import_recipes = require("@mekari/pixel3-styled-system/recipes");
|
|
106
104
|
|
|
107
|
-
// src/modules/avatar.machines.ts
|
|
108
|
-
var import_xstate = require("xstate");
|
|
109
|
-
function avatarMachine(context) {
|
|
110
|
-
return (0, import_xstate.createMachine)({
|
|
111
|
-
/** @xstate-layout N4IgpgJg5mDOIC5QEMBuyAuyBOA6ANgPbIQCWAdlAMQCSAsgOID6AMgPICCAIgKJcDaABgC6iUAAdCsUhlKFyYkAA9EARgAsATlwBWAMybBANgBMOgDQgAnojMncAdh0BfZ5bSYcBYmUq1GTDwASkFsQUKiSCCS0rLyiioIGtr6hqYW1ogAHA64gll6hUXFha7u6Fh4RCSQ-szBoeEiijEycgpRieoajnrqek6WNghZqrplIB6VuGDY2ITYdaycvALNUa1xHaBdgnq4mgMZw6p6Jq5uIOSEEHCKUzgtUm3xnYgAtEZDH0YTD1U+ChQJ6xdoJRDqEzfBCadR-Cpeaq3CAgl7bZSIHRGfajMzQ04uS7-GZzBaorbghB6QTabrqYx4zIjXI6AoldkXZxAA */
|
|
112
|
-
id: "avatar",
|
|
113
|
-
context,
|
|
114
|
-
initial: "loading",
|
|
115
|
-
states: {
|
|
116
|
-
loading: {
|
|
117
|
-
on: {
|
|
118
|
-
IMG_LOADED: {
|
|
119
|
-
target: "loaded"
|
|
120
|
-
},
|
|
121
|
-
IMG_ERROR: {
|
|
122
|
-
target: "error"
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
},
|
|
126
|
-
loaded: {
|
|
127
|
-
on: {
|
|
128
|
-
IMG_ERROR: {
|
|
129
|
-
target: "error"
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
},
|
|
133
|
-
error: {
|
|
134
|
-
on: {
|
|
135
|
-
IMG_LOADED: {
|
|
136
|
-
target: "loaded"
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
predictableActionArguments: true
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
__name(avatarMachine, "avatarMachine");
|
|
145
|
-
function avatarGroupMachine(context) {
|
|
146
|
-
return (0, import_xstate.createMachine)({
|
|
147
|
-
/** @xstate-layout N4IgpgJg5mDOIC5gF8A0IB2B7CdGgEMA3AgFwICcBaKCrAVwAd8RGtYBLUjrDFgD0QBGAEzoAnsJHIZyIA */
|
|
148
|
-
id: "avatar-group",
|
|
149
|
-
context,
|
|
150
|
-
predictableActionArguments: true
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
__name(avatarGroupMachine, "avatarGroupMachine");
|
|
154
|
-
|
|
155
105
|
// src/modules/avatar.connects.ts
|
|
156
106
|
var import_vue = require("vue");
|
|
107
|
+
var import_pixel3_utils2 = require("@mekari/pixel3-utils");
|
|
157
108
|
var import_tokens = require("@mekari/pixel3-styled-system/tokens");
|
|
158
109
|
|
|
159
110
|
// src/modules/avatar.utils.ts
|
|
@@ -174,7 +125,7 @@ var isColorInList = /* @__PURE__ */ __name((value) => {
|
|
|
174
125
|
}, "isColorInList");
|
|
175
126
|
|
|
176
127
|
// src/modules/avatar.connects.ts
|
|
177
|
-
function avatarConnect(state,
|
|
128
|
+
function avatarConnect(state, emit, classes) {
|
|
178
129
|
const {
|
|
179
130
|
id,
|
|
180
131
|
name,
|
|
@@ -185,10 +136,10 @@ function avatarConnect(state, send, classes) {
|
|
|
185
136
|
icon,
|
|
186
137
|
iconVariant,
|
|
187
138
|
iconColor,
|
|
188
|
-
spacing
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
const isLoaded =
|
|
139
|
+
spacing
|
|
140
|
+
} = state;
|
|
141
|
+
const idx = id != null ? id : `mp-avatar-${(0, import_pixel3_utils2.useId)()}`;
|
|
142
|
+
const isLoaded = (0, import_vue.ref)(false);
|
|
192
143
|
const isClickable = (0, import_vue.computed)(() => {
|
|
193
144
|
var _a, _b;
|
|
194
145
|
return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
|
|
@@ -200,8 +151,8 @@ function avatarConnect(state, send, classes) {
|
|
|
200
151
|
icon,
|
|
201
152
|
isLoaded,
|
|
202
153
|
rootProps: {
|
|
203
|
-
id,
|
|
204
|
-
onClick,
|
|
154
|
+
id: idx,
|
|
155
|
+
onClick: (evt) => emit("click", evt),
|
|
205
156
|
class: classes.root,
|
|
206
157
|
style: {
|
|
207
158
|
"--mp-avatar--cursor": isClickable ? "pointer" : void 0,
|
|
@@ -213,33 +164,31 @@ function avatarConnect(state, send, classes) {
|
|
|
213
164
|
"data-pixel-component": "MpAvatar"
|
|
214
165
|
},
|
|
215
166
|
fallbackProps: {
|
|
216
|
-
id: `${
|
|
167
|
+
id: `${idx}-fallback`,
|
|
217
168
|
class: classes.fallback,
|
|
218
169
|
"data-pixel-component": "MpAvatarFallback"
|
|
219
170
|
},
|
|
220
171
|
imageProps: {
|
|
221
|
-
id: `${
|
|
172
|
+
id: `${idx}-image`,
|
|
222
173
|
alt: name,
|
|
223
174
|
src,
|
|
224
|
-
onLoad() {
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
});
|
|
175
|
+
onLoad: (evt) => {
|
|
176
|
+
isLoaded.value = true;
|
|
177
|
+
emit("load", evt);
|
|
228
178
|
},
|
|
229
|
-
onError() {
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
});
|
|
179
|
+
onError: (evt) => {
|
|
180
|
+
isLoaded.value = false;
|
|
181
|
+
emit("error", evt);
|
|
233
182
|
},
|
|
234
183
|
class: classes.image,
|
|
235
184
|
style: {
|
|
236
|
-
"--mp-avatar--visibility": !isLoaded ? "hidden" : void 0,
|
|
237
|
-
"--mp-avatar--display": !isLoaded ? "contents" : void 0
|
|
185
|
+
"--mp-avatar--visibility": !isLoaded.value ? "hidden" : void 0,
|
|
186
|
+
"--mp-avatar--display": !isLoaded.value ? "contents" : void 0
|
|
238
187
|
},
|
|
239
188
|
"data-pixel-component": "MpAvatarImage"
|
|
240
189
|
},
|
|
241
190
|
iconProps: {
|
|
242
|
-
id: `${
|
|
191
|
+
id: `${idx}-icon`,
|
|
243
192
|
name: icon,
|
|
244
193
|
variant: iconVariant,
|
|
245
194
|
variantColor: iconColor,
|
|
@@ -249,24 +198,24 @@ function avatarConnect(state, send, classes) {
|
|
|
249
198
|
};
|
|
250
199
|
}
|
|
251
200
|
__name(avatarConnect, "avatarConnect");
|
|
252
|
-
function avatarGroupConnect(state,
|
|
201
|
+
function avatarGroupConnect(state, emit, classes) {
|
|
253
202
|
const {
|
|
254
|
-
id
|
|
255
|
-
|
|
256
|
-
|
|
203
|
+
id
|
|
204
|
+
} = state;
|
|
205
|
+
const idx = id != null ? id : `mp-avatar-group-${(0, import_pixel3_utils2.useId)()}`;
|
|
257
206
|
const isClickable = (0, import_vue.computed)(() => {
|
|
258
207
|
var _a, _b;
|
|
259
208
|
return !!((_b = (_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode.props) == null ? void 0 : _b.onClick);
|
|
260
209
|
}).value;
|
|
261
210
|
return {
|
|
262
211
|
rootProps: {
|
|
263
|
-
id,
|
|
212
|
+
id: idx,
|
|
264
213
|
class: classes.root,
|
|
265
214
|
"data-pixel-component": "MpAvatarGroup"
|
|
266
215
|
},
|
|
267
216
|
excessProps: {
|
|
268
|
-
id: `${
|
|
269
|
-
onClick,
|
|
217
|
+
id: `${idx}-excess`,
|
|
218
|
+
onClick: (evt) => emit("click", evt),
|
|
270
219
|
class: classes.excess,
|
|
271
220
|
style: {
|
|
272
221
|
"--mp-avatar-group--cursor": isClickable ? "pointer" : void 0
|
|
@@ -279,69 +228,51 @@ __name(avatarGroupConnect, "avatarGroupConnect");
|
|
|
279
228
|
|
|
280
229
|
// src/modules/avatar.hooks.ts
|
|
281
230
|
var useAvatar = /* @__PURE__ */ __name((props, emit) => {
|
|
282
|
-
var _a;
|
|
283
231
|
const context = (0, import_vue2.ref)(props);
|
|
284
|
-
const
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
} = (0, import_vue3.useMachine)(avatarMachine({
|
|
288
|
-
...context.value,
|
|
289
|
-
id: (_a = context.value.id) != null ? _a : `mp-avatar-${(0, import_pixel3_utils2.useId)()}`,
|
|
290
|
-
onClick: (evt) => emit("click", evt)
|
|
291
|
-
}));
|
|
292
|
-
const [avatarProps2] = import_recipes.avatarSlotRecipe.splitVariantProps(context.value);
|
|
293
|
-
const classes = (0, import_recipes.avatarSlotRecipe)(avatarProps2);
|
|
294
|
-
return (0, import_vue2.computed)(() => avatarConnect(state.value, send, classes));
|
|
232
|
+
const [value] = import_recipes.avatarSlotRecipe.splitVariantProps(context.value);
|
|
233
|
+
const classes = (0, import_recipes.avatarSlotRecipe)(value);
|
|
234
|
+
return (0, import_vue2.computed)(() => avatarConnect(context.value, emit, classes));
|
|
295
235
|
}, "useAvatar");
|
|
296
236
|
var useAvatarGroup = /* @__PURE__ */ __name((props, emit) => {
|
|
297
|
-
var _a;
|
|
298
237
|
const context = (0, import_vue2.ref)(props);
|
|
299
|
-
const
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
} = (0, import_vue3.useMachine)(avatarGroupMachine({
|
|
303
|
-
...context.value,
|
|
304
|
-
id: (_a = context.value.id) != null ? _a : `mp-avatar-group-${(0, import_pixel3_utils2.useId)()}`,
|
|
305
|
-
onClick: (evt) => emit("click", evt)
|
|
306
|
-
}));
|
|
307
|
-
const [avatarGroupProps2] = import_recipes.avatarGroupSlotRecipe.splitVariantProps(context.value);
|
|
308
|
-
const classes = (0, import_recipes.avatarGroupSlotRecipe)(avatarGroupProps2);
|
|
309
|
-
return (0, import_vue2.computed)(() => avatarGroupConnect(state.value, send, classes));
|
|
238
|
+
const [value] = import_recipes.avatarGroupSlotRecipe.splitVariantProps(context.value);
|
|
239
|
+
const classes = (0, import_recipes.avatarGroupSlotRecipe)(value);
|
|
240
|
+
return (0, import_vue2.computed)(() => avatarGroupConnect(context.value, emit, classes));
|
|
310
241
|
}, "useAvatarGroup");
|
|
311
242
|
|
|
312
243
|
// src/avatar.tsx
|
|
313
244
|
var import_pixel3_icon = require("@mekari/pixel3-icon");
|
|
314
245
|
|
|
315
246
|
// src/avatar-fallback.tsx
|
|
247
|
+
var import_vue3 = require("vue");
|
|
316
248
|
var import_vue4 = require("vue");
|
|
317
|
-
var
|
|
318
|
-
var MpAvatarFallback = (0, import_vue5.defineComponent)({
|
|
249
|
+
var MpAvatarFallback = (0, import_vue4.defineComponent)({
|
|
319
250
|
name: "MpAvatarFallback",
|
|
320
251
|
setup() {
|
|
321
|
-
return () => (0,
|
|
252
|
+
return () => (0, import_vue3.createVNode)("div", null, [(0, import_vue3.createVNode)("svg", {
|
|
322
253
|
"fill": "#ffffff",
|
|
323
254
|
"viewBox": "0 0 128 128",
|
|
324
255
|
"role": "img"
|
|
325
|
-
}, [(0,
|
|
256
|
+
}, [(0, import_vue3.createVNode)("path", {
|
|
326
257
|
"d": "M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"
|
|
327
|
-
}, null), (0,
|
|
258
|
+
}, null), (0, import_vue3.createVNode)("path", {
|
|
328
259
|
"d": "M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"
|
|
329
260
|
}, null)])]);
|
|
330
261
|
}
|
|
331
262
|
});
|
|
332
263
|
|
|
333
264
|
// src/avatar-image.tsx
|
|
265
|
+
var import_vue5 = require("vue");
|
|
334
266
|
var import_vue6 = require("vue");
|
|
335
|
-
var
|
|
336
|
-
var MpAvatarImage = (0, import_vue7.defineComponent)({
|
|
267
|
+
var MpAvatarImage = (0, import_vue6.defineComponent)({
|
|
337
268
|
name: "MpAvatarImage",
|
|
338
269
|
setup() {
|
|
339
|
-
return () => (0,
|
|
270
|
+
return () => (0, import_vue5.createVNode)("img", null, null);
|
|
340
271
|
}
|
|
341
272
|
});
|
|
342
273
|
|
|
343
274
|
// src/avatar.tsx
|
|
344
|
-
var MpAvatar = (0,
|
|
275
|
+
var MpAvatar = (0, import_vue8.defineComponent)({
|
|
345
276
|
name: "MpAvatar",
|
|
346
277
|
props: avatarProps,
|
|
347
278
|
emits: avatarEmits,
|
|
@@ -349,32 +280,32 @@ var MpAvatar = (0, import_vue9.defineComponent)({
|
|
|
349
280
|
emit
|
|
350
281
|
}) {
|
|
351
282
|
const api = useAvatar(props, emit);
|
|
352
|
-
return () => (0,
|
|
283
|
+
return () => (0, import_vue7.createVNode)("div", api.value.rootProps, [api.value.src ? (0, import_vue7.createVNode)(MpAvatarImage, api.value.imageProps, null) : void 0, !api.value.icon && !api.value.src || api.value.src && !api.value.isLoaded ? api.value.name ? getInitial(api.value.name) : (0, import_vue7.createVNode)(MpAvatarFallback, api.value.fallbackProps, null) : void 0, api.value.icon && (0, import_vue7.createVNode)(import_pixel3_icon.MpIcon, api.value.iconProps, null)]);
|
|
353
284
|
}
|
|
354
285
|
});
|
|
355
286
|
|
|
356
287
|
// src/avatar-group.tsx
|
|
288
|
+
var import_vue11 = require("vue");
|
|
357
289
|
var import_vue12 = require("vue");
|
|
358
|
-
var import_vue13 = require("vue");
|
|
359
290
|
var import_pixel3_utils3 = require("@mekari/pixel3-utils");
|
|
360
291
|
|
|
361
292
|
// src/avatar-excess.tsx
|
|
293
|
+
var import_vue9 = require("vue");
|
|
362
294
|
var import_vue10 = require("vue");
|
|
363
|
-
var
|
|
364
|
-
var MpAvatarExcess = (0, import_vue11.defineComponent)({
|
|
295
|
+
var MpAvatarExcess = (0, import_vue10.defineComponent)({
|
|
365
296
|
name: "MpAvatarExcess",
|
|
366
297
|
setup(_, {
|
|
367
298
|
slots
|
|
368
299
|
}) {
|
|
369
300
|
return () => {
|
|
370
301
|
var _a;
|
|
371
|
-
return (0,
|
|
302
|
+
return (0, import_vue9.createVNode)("div", null, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
|
|
372
303
|
};
|
|
373
304
|
}
|
|
374
305
|
});
|
|
375
306
|
|
|
376
307
|
// src/avatar-group.tsx
|
|
377
|
-
var MpAvatarGroup = (0,
|
|
308
|
+
var MpAvatarGroup = (0, import_vue12.defineComponent)({
|
|
378
309
|
name: "MpAvatarGroup",
|
|
379
310
|
props: avatarGroupProps,
|
|
380
311
|
emits: avatarGroupEmits,
|
|
@@ -383,18 +314,18 @@ var MpAvatarGroup = (0, import_vue13.defineComponent)({
|
|
|
383
314
|
emit
|
|
384
315
|
}) {
|
|
385
316
|
const api = useAvatarGroup(props, emit);
|
|
386
|
-
const children = (0,
|
|
387
|
-
const count = (0,
|
|
388
|
-
const cloneChildren = (0,
|
|
317
|
+
const children = (0, import_vue12.computed)(() => (0, import_pixel3_utils3.getChildren)(slots));
|
|
318
|
+
const count = (0, import_vue12.computed)(() => children.value.length - (props.max || 0));
|
|
319
|
+
const cloneChildren = (0, import_vue12.computed)(() => (0, import_vue12.computed)(() => children.value.slice(0, props.max)).value.map((vnode, index) => {
|
|
389
320
|
const overrideProps = (0, import_pixel3_utils3.objectFilterUndefined)({
|
|
390
321
|
size: props.size,
|
|
391
322
|
spacing: index === 0 ? 0 : props.spacing,
|
|
392
323
|
hasBorder: true,
|
|
393
324
|
borderColor: props.borderColor
|
|
394
325
|
});
|
|
395
|
-
return (0,
|
|
326
|
+
return (0, import_vue12.cloneVNode)(vnode, overrideProps);
|
|
396
327
|
}));
|
|
397
|
-
return () => (0,
|
|
328
|
+
return () => (0, import_vue11.createVNode)("div", api.value.rootProps, [cloneChildren.value, count.value > 0 && props.max !== 0 && (0, import_vue11.createVNode)(MpAvatarExcess, api.value.excessProps, {
|
|
398
329
|
default: () => [`+${count.value}`]
|
|
399
330
|
})]);
|
|
400
331
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpAvatarGroup
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-EVJ6EN34.mjs";
|
|
4
4
|
import "./chunk-CY2Z6I23.mjs";
|
|
5
5
|
import {
|
|
6
6
|
MpAvatar
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-W3IXO3TE.mjs";
|
|
8
8
|
import "./chunk-NKXS73IR.mjs";
|
|
9
9
|
import "./chunk-ITYXDMOF.mjs";
|
|
10
10
|
import "./chunk-4VNSI4PL.mjs";
|
|
11
|
-
import "./chunk-
|
|
12
|
-
import "./chunk-
|
|
13
|
-
import "./chunk-ZMUFXMG4.mjs";
|
|
11
|
+
import "./chunk-O4GQNW3M.mjs";
|
|
12
|
+
import "./chunk-7XAF53OT.mjs";
|
|
14
13
|
import "./chunk-ZK47OSEJ.mjs";
|
|
15
14
|
import "./chunk-QZ7VFGWC.mjs";
|
|
16
15
|
export {
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1862,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.machines.ts":{"bytes":1580,"imports":[{"path":"xstate","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3024,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1599,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.machines.ts","kind":"import-statement","original":"./avatar.machines"},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1788,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/avatar-excess.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-excess.tsx","inputs":{"src/avatar-excess.tsx":{"bytesInOutput":503}},"bytes":1436},"dist/avatar-fallback.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-fallback.tsx","inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":1038}},"bytes":1975},"dist/avatar-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-group.tsx","inputs":{"src/avatar-group.tsx":{"bytesInOutput":1422},"src/modules/avatar.props.ts":{"bytesInOutput":444},"src/modules/avatar.hooks.ts":{"bytesInOutput":877},"src/modules/avatar.machines.ts":{"bytesInOutput":363},"src/modules/avatar.connects.ts":{"bytesInOutput":829},"src/avatar-excess.tsx":{"bytesInOutput":342}},"bytes":5515},"dist/avatar-image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-image.tsx","inputs":{"src/avatar-image.tsx":{"bytesInOutput":390}},"bytes":1321},"dist/avatar.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar.tsx","inputs":{"src/avatar.tsx":{"bytesInOutput":937},"src/modules/avatar.props.ts":{"bytesInOutput":735},"src/modules/avatar.hooks.ts":{"bytesInOutput":831},"src/modules/avatar.machines.ts":{"bytesInOutput":1111},"src/modules/avatar.connects.ts":{"bytesInOutput":2139},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234}},"bytes":8780},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/avatar.tsx":{"bytesInOutput":807},"src/modules/avatar.props.ts":{"bytesInOutput":981},"src/modules/avatar.hooks.ts":{"bytesInOutput":1502},"src/modules/avatar.machines.ts":{"bytesInOutput":1435},"src/modules/avatar.connects.ts":{"bytesInOutput":2867},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234},"src/avatar-group.tsx":{"bytesInOutput":1274},"src/avatar-excess.tsx":{"bytesInOutput":346}},"bytes":12508},"dist/modules/avatar.connects.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.connects.ts","inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":3082},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":4572},"dist/modules/avatar.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@xstate/vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"xstate","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":1685},"src/modules/avatar.machines.ts":{"bytesInOutput":1435},"src/modules/avatar.connects.ts":{"bytesInOutput":2867},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":7568},"dist/modules/avatar.machines.js":{"imports":[{"path":"xstate","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.machines.ts","inputs":{"src/modules/avatar.machines.ts":{"bytesInOutput":1650}},"bytes":2703},"dist/modules/avatar.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.props.ts","inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":1257}},"bytes":2248},"dist/modules/avatar.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":84}},"bytes":787},"dist/modules/avatar.utils.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.utils.ts","inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":807}},"bytes":1861}}}
|
|
1
|
+
{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1862,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3249,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1033,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/avatar-excess.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-excess.tsx","inputs":{"src/avatar-excess.tsx":{"bytesInOutput":503}},"bytes":1436},"dist/avatar-fallback.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-fallback.tsx","inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":1038}},"bytes":1975},"dist/avatar-group.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-group.tsx","inputs":{"src/avatar-group.tsx":{"bytesInOutput":1422},"src/modules/avatar.props.ts":{"bytesInOutput":444},"src/modules/avatar.hooks.ts":{"bytesInOutput":485},"src/modules/avatar.connects.ts":{"bytesInOutput":991},"src/avatar-excess.tsx":{"bytesInOutput":342}},"bytes":4887},"dist/avatar-image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar-image.tsx","inputs":{"src/avatar-image.tsx":{"bytesInOutput":390}},"bytes":1321},"dist/avatar.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/avatar.tsx","inputs":{"src/avatar.tsx":{"bytesInOutput":937},"src/modules/avatar.props.ts":{"bytesInOutput":735},"src/modules/avatar.hooks.ts":{"bytesInOutput":460},"src/modules/avatar.connects.ts":{"bytesInOutput":2335},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234}},"bytes":7459},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":159},"src/avatar.tsx":{"bytesInOutput":807},"src/modules/avatar.props.ts":{"bytesInOutput":981},"src/modules/avatar.hooks.ts":{"bytesInOutput":841},"src/modules/avatar.connects.ts":{"bytesInOutput":3165},"src/modules/avatar.utils.ts":{"bytesInOutput":589},"src/avatar-fallback.tsx":{"bytesInOutput":870},"src/avatar-image.tsx":{"bytesInOutput":234},"src/avatar-group.tsx":{"bytesInOutput":1274},"src/avatar-excess.tsx":{"bytesInOutput":344}},"bytes":10673},"dist/modules/avatar.connects.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.connects.ts","inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":3377},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":4867},"dist/modules/avatar.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":1031},"src/modules/avatar.connects.ts":{"bytesInOutput":3162},"src/modules/avatar.utils.ts":{"bytesInOutput":370}},"bytes":5739},"dist/modules/avatar.props.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/avatar.props.ts","inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":1257}},"bytes":2248},"dist/modules/avatar.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":84}},"bytes":787},"dist/modules/avatar.utils.js":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.utils.ts","inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":807}},"bytes":1861}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1862,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.machines.ts":{"bytes":1580,"imports":[{"path":"xstate","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3024,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1599,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.machines.ts","kind":"import-statement","original":"./avatar.machines"},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1788,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/modules/avatar.machines.mjs":{"imports":[{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarGroupMachine","avatarMachine"],"entryPoint":"src/modules/avatar.machines.ts","inputs":{},"bytes":161},"dist/modules/avatar.props.mjs":{"imports":[{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"entryPoint":"src/modules/avatar.props.ts","inputs":{},"bytes":223},"dist/modules/avatar.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/modules/avatar.utils.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"entryPoint":"src/modules/avatar.utils.ts","inputs":{},"bytes":169},"dist/avatar-excess.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarExcess"],"entryPoint":"src/avatar-excess.tsx","inputs":{},"bytes":117},"dist/avatar-fallback.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarFallback"],"entryPoint":"src/avatar-fallback.tsx","inputs":{},"bytes":121},"dist/avatar-group.mjs":{"imports":[{"path":"dist/chunk-RTYPPBOR.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarGroup"],"entryPoint":"src/avatar-group.tsx","inputs":{},"bytes":301},"dist/avatar-image.mjs":{"imports":[{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarImage"],"entryPoint":"src/avatar-image.tsx","inputs":{},"bytes":115},"dist/avatar.mjs":{"imports":[{"path":"dist/chunk-43VB6T4V.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar"],"entryPoint":"src/avatar.tsx","inputs":{},"bytes":322},"dist/index.mjs":{"imports":[{"path":"dist/chunk-RTYPPBOR.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-43VB6T4V.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar","MpAvatarGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":426},"dist/chunk-RTYPPBOR.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAvatarGroup"],"inputs":{"src/avatar-group.tsx":{"bytesInOutput":1137}},"bytes":1384},"dist/chunk-CY2Z6I23.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarExcess"],"inputs":{"src/avatar-excess.tsx":{"bytesInOutput":331}},"bytes":386},"dist/chunk-43VB6T4V.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAvatar"],"inputs":{"src/avatar.tsx":{"bytesInOutput":718}},"bytes":1050},"dist/chunk-NKXS73IR.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarFallback"],"inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":811}},"bytes":870},"dist/chunk-ITYXDMOF.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":924}},"bytes":1037},"dist/chunk-4VNSI4PL.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarImage"],"inputs":{"src/avatar-image.tsx":{"bytesInOutput":223}},"bytes":276},"dist/modules/avatar.connects.mjs":{"imports":[{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarConnect","avatarGroupConnect"],"entryPoint":"src/modules/avatar.connects.ts","inputs":{},"bytes":193},"dist/modules/avatar.hooks.mjs":{"imports":[{"path":"dist/chunk-JVROEGO3.mjs","kind":"import-statement"},{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAvatar","useAvatarGroup"],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{},"bytes":241},"dist/chunk-JVROEGO3.mjs":{"imports":[{"path":"dist/chunk-U4MXRXR7.mjs","kind":"import-statement"},{"path":"dist/chunk-ZMUFXMG4.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@xstate/vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAvatar","useAvatarGroup"],"inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":1289}},"bytes":1569},"dist/chunk-U4MXRXR7.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"xstate","kind":"import-statement","external":true}],"exports":["avatarGroupMachine","avatarMachine"],"inputs":{"src/modules/avatar.machines.ts":{"bytesInOutput":1398}},"bytes":1533},"dist/chunk-ZMUFXMG4.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["avatarConnect","avatarGroupConnect"],"inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":2773}},"bytes":2976},"dist/chunk-ZK47OSEJ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":589}},"bytes":725},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
1
|
+
{"inputs":{"src/avatar-excess.tsx":{"bytes":424,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-fallback.tsx":{"bytes":974,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.props.ts":{"bytes":1862,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"./avatar.types","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.utils.ts":{"bytes":627,"imports":[{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.connects.ts":{"bytes":3249,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./avatar.utils"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/avatar.hooks.ts":{"bytes":1033,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/avatar.connects.ts","kind":"import-statement","original":"./avatar.connects"},{"path":"./avatar.types","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/avatar-group.tsx":{"bytes":1488,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/avatar-excess.tsx","kind":"import-statement","original":"./avatar-excess"}],"format":"esm"},"src/avatar-image.tsx":{"bytes":383,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"format":"esm"},"src/avatar.tsx":{"bytes":1179,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/avatar.props.ts","kind":"import-statement","original":"./modules/avatar.props"},{"path":"src/modules/avatar.hooks.ts","kind":"import-statement","original":"./modules/avatar.hooks"},{"path":"src/modules/avatar.utils.ts","kind":"import-statement","original":"./modules/avatar.utils"},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"src/avatar-fallback.tsx","kind":"import-statement","original":"./avatar-fallback"},{"path":"src/avatar-image.tsx","kind":"import-statement","original":"./avatar-image"}],"format":"esm"},"src/index.ts":{"bytes":359,"imports":[{"path":"src/avatar.tsx","kind":"import-statement","original":"./avatar"},{"path":"src/avatar-group.tsx","kind":"import-statement","original":"./avatar-group"}],"format":"esm"},"src/modules/avatar.types.ts":{"bytes":1699,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/modules/avatar.props.mjs":{"imports":[{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"entryPoint":"src/modules/avatar.props.ts","inputs":{},"bytes":223},"dist/modules/avatar.types.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/avatar.types.ts","inputs":{"src/modules/avatar.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/modules/avatar.utils.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"entryPoint":"src/modules/avatar.utils.ts","inputs":{},"bytes":169},"dist/avatar-excess.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarExcess"],"entryPoint":"src/avatar-excess.tsx","inputs":{},"bytes":117},"dist/avatar-fallback.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarFallback"],"entryPoint":"src/avatar-fallback.tsx","inputs":{},"bytes":121},"dist/avatar-group.mjs":{"imports":[{"path":"dist/chunk-EVJ6EN34.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarGroup"],"entryPoint":"src/avatar-group.tsx","inputs":{},"bytes":270},"dist/avatar-image.mjs":{"imports":[{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatarImage"],"entryPoint":"src/avatar-image.tsx","inputs":{},"bytes":115},"dist/avatar.mjs":{"imports":[{"path":"dist/chunk-W3IXO3TE.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar"],"entryPoint":"src/avatar.tsx","inputs":{},"bytes":291},"dist/index.mjs":{"imports":[{"path":"dist/chunk-EVJ6EN34.mjs","kind":"import-statement"},{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-W3IXO3TE.mjs","kind":"import-statement"},{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAvatar","MpAvatarGroup"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":395},"dist/chunk-EVJ6EN34.mjs":{"imports":[{"path":"dist/chunk-CY2Z6I23.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAvatarGroup"],"inputs":{"src/avatar-group.tsx":{"bytesInOutput":1137}},"bytes":1384},"dist/chunk-CY2Z6I23.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarExcess"],"inputs":{"src/avatar-excess.tsx":{"bytesInOutput":331}},"bytes":386},"dist/chunk-W3IXO3TE.mjs":{"imports":[{"path":"dist/chunk-NKXS73IR.mjs","kind":"import-statement"},{"path":"dist/chunk-ITYXDMOF.mjs","kind":"import-statement"},{"path":"dist/chunk-4VNSI4PL.mjs","kind":"import-statement"},{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true}],"exports":["MpAvatar"],"inputs":{"src/avatar.tsx":{"bytesInOutput":718}},"bytes":1050},"dist/chunk-NKXS73IR.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarFallback"],"inputs":{"src/avatar-fallback.tsx":{"bytesInOutput":811}},"bytes":870},"dist/chunk-ITYXDMOF.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["avatarEmits","avatarGroupEmits","avatarGroupProps","avatarProps"],"inputs":{"src/modules/avatar.props.ts":{"bytesInOutput":924}},"bytes":1037},"dist/chunk-4VNSI4PL.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAvatarImage"],"inputs":{"src/avatar-image.tsx":{"bytesInOutput":223}},"bytes":276},"dist/modules/avatar.connects.mjs":{"imports":[{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["avatarConnect","avatarGroupConnect"],"entryPoint":"src/modules/avatar.connects.ts","inputs":{},"bytes":193},"dist/modules/avatar.hooks.mjs":{"imports":[{"path":"dist/chunk-O4GQNW3M.mjs","kind":"import-statement"},{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAvatar","useAvatarGroup"],"entryPoint":"src/modules/avatar.hooks.ts","inputs":{},"bytes":209},"dist/chunk-O4GQNW3M.mjs":{"imports":[{"path":"dist/chunk-7XAF53OT.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAvatar","useAvatarGroup"],"inputs":{"src/modules/avatar.hooks.ts":{"bytesInOutput":732}},"bytes":934},"dist/chunk-7XAF53OT.mjs":{"imports":[{"path":"dist/chunk-ZK47OSEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/tokens","kind":"import-statement","external":true}],"exports":["avatarConnect","avatarGroupConnect"],"inputs":{"src/modules/avatar.connects.ts":{"bytesInOutput":2994}},"bytes":3197},"dist/chunk-ZK47OSEJ.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["getColor","getInitial","isColorInList"],"inputs":{"src/modules/avatar.utils.ts":{"bytesInOutput":589}},"bytes":725},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { AvatarState,
|
|
1
|
+
import { AvatarState, AvatarClasses, AvatarApiMachine, AvatarGroupState, AvatarGroupApiMachine } from './avatar.types.mjs';
|
|
2
2
|
import '@mekari/pixel3-utils';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Exported avatar connects.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
declare function avatarConnect(state: AvatarState,
|
|
9
|
-
declare function avatarGroupConnect(state: AvatarGroupState,
|
|
8
|
+
declare function avatarConnect(state: AvatarState, emit: CallableFunction, classes: AvatarClasses): AvatarApiMachine;
|
|
9
|
+
declare function avatarGroupConnect(state: AvatarGroupState, emit: CallableFunction, classes: AvatarClasses): AvatarGroupApiMachine;
|
|
10
10
|
|
|
11
11
|
export { avatarConnect, avatarGroupConnect };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { AvatarState,
|
|
1
|
+
import { AvatarState, AvatarClasses, AvatarApiMachine, AvatarGroupState, AvatarGroupApiMachine } from './avatar.types.js';
|
|
2
2
|
import '@mekari/pixel3-utils';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Exported avatar connects.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
declare function avatarConnect(state: AvatarState,
|
|
9
|
-
declare function avatarGroupConnect(state: AvatarGroupState,
|
|
8
|
+
declare function avatarConnect(state: AvatarState, emit: CallableFunction, classes: AvatarClasses): AvatarApiMachine;
|
|
9
|
+
declare function avatarGroupConnect(state: AvatarGroupState, emit: CallableFunction, classes: AvatarClasses): AvatarGroupApiMachine;
|
|
10
10
|
|
|
11
11
|
export { avatarConnect, avatarGroupConnect };
|