@hybridcore/ui 1.4.0 → 1.4.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 (3) hide show
  1. package/dist/components/card/index.js +341 -179
  2. package/dist/main.d.ts +1 -0
  3. package/package.json +1 -1
package/dist/components/card/index.js CHANGED
@@ -1,61 +1,61 @@
1
- import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
- import { Box as p, Avatar as b } from "@mui/material";
3
- import { LandscapeCardRoot as A, LandscapeInfoBox as I, LandscapeCardExtraActions as P, PortraitCardRoot as _, PortraitCardExtraActions as L } from "./styled.js";
4
- import { _ as m, a as v } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
5
- import * as M from "react";
6
- import { P as t } from "../../createStyled-BzvgQjjR.js";
7
- import { g as w, u as O, c as N, a as S, b as B } from "../../useThemeProps-uYx_RkOH.js";
8
- import { g as T, s as j } from "../../styled-LNCprp4n.js";
9
- import { C as y } from "../../CardContent-DFsCCOWk.js";
10
- import { T as d } from "../../Typography-Bm7PFqUT.js";
11
- function U(e) {
12
- return T("MuiCardActions", e);
1
+ import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
2
+ import { Skeleton as n, Box as g, Avatar as C } from "@mui/material";
3
+ import { LandscapeCardRoot as I, LandscapeInfoBox as P, LandscapeCardExtraActions as _, PortraitCardRoot as L, PortraitCardExtraActions as U } from "./styled.js";
4
+ import { _ as u, a as O } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
5
+ import * as T from "react";
6
+ import { P as i } from "../../createStyled-BzvgQjjR.js";
7
+ import { g as S, u as N, c as k, a as B, b as H } from "../../useThemeProps-uYx_RkOH.js";
8
+ import { g as j, s as R } from "../../styled-LNCprp4n.js";
9
+ import { C as M } from "../../CardContent-DFsCCOWk.js";
10
+ import { T as p } from "../../Typography-Bm7PFqUT.js";
11
+ function D(t) {
12
+ return j("MuiCardActions", t);
13
13
  }
14
- w("MuiCardActions", ["root", "spacing"]);
15
- const H = ["disableSpacing", "className"], D = (e) => {
14
+ S("MuiCardActions", ["root", "spacing"]);
15
+ const z = ["disableSpacing", "className"], $ = (t) => {
16
16
  const {
17
- classes: i,
18
- disableSpacing: n
19
- } = e;
20
- return S({
21
- root: ["root", !n && "spacing"]
22
- }, U, i);
23
- }, z = j("div", {
17
+ classes: o,
18
+ disableSpacing: s
19
+ } = t;
20
+ return B({
21
+ root: ["root", !s && "spacing"]
22
+ }, D, o);
23
+ }, F = R("div", {
24
24
  name: "MuiCardActions",
25
25
  slot: "Root",
26
- overridesResolver: (e, i) => {
26
+ overridesResolver: (t, o) => {
27
27
  const {
28
- ownerState: n
29
- } = e;
30
- return [i.root, !n.disableSpacing && i.spacing];
28
+ ownerState: s
29
+ } = t;
30
+ return [o.root, !s.disableSpacing && o.spacing];
31
31
  }
32
32
  })(({
33
- ownerState: e
34
- }) => m({
33
+ ownerState: t
34
+ }) => u({
35
35
  display: "flex",
36
36
  alignItems: "center",
37
37
  padding: 8
38
- }, !e.disableSpacing && {
38
+ }, !t.disableSpacing && {
39
39
  "& > :not(:first-of-type)": {
40
40
  marginLeft: 8
41
41
  }
42
- })), k = /* @__PURE__ */ M.forwardRef(function(i, n) {
43
- const r = O({
44
- props: i,
42
+ })), E = /* @__PURE__ */ T.forwardRef(function(o, s) {
43
+ const c = N({
44
+ props: o,
45
45
  name: "MuiCardActions"
46
46
  }), {
47
- disableSpacing: s = !1,
48
- className: h
49
- } = r, a = v(r, H), l = m({}, r, {
50
- disableSpacing: s
51
- }), u = D(l);
52
- return /* @__PURE__ */ o(z, m({
53
- className: N(u.root, h),
54
- ownerState: l,
55
- ref: n
56
- }, a));
47
+ disableSpacing: l = !1,
48
+ className: f
49
+ } = c, d = O(c, z), m = u({}, c, {
50
+ disableSpacing: l
51
+ }), x = $(m);
52
+ return /* @__PURE__ */ e(F, u({
53
+ className: k(x.root, f),
54
+ ownerState: m,
55
+ ref: s
56
+ }, d));
57
57
  });
58
- process.env.NODE_ENV !== "production" && (k.propTypes = {
58
+ process.env.NODE_ENV !== "production" && (E.propTypes = {
59
59
  // ----------------------------- Warning --------------------------------
60
60
  // | These PropTypes are generated from the TypeScript type definitions |
61
61
  // | To update them edit the d.ts file and run "yarn proptypes" |
@@ -63,93 +63,93 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
63
63
  /**
64
64
  * The content of the component.
65
65
  */
66
- children: t.node,
66
+ children: i.node,
67
67
  /**
68
68
  * Override or extend the styles applied to the component.
69
69
  */
70
- classes: t.object,
70
+ classes: i.object,
71
71
  /**
72
72
  * @ignore
73
73
  */
74
- className: t.string,
74
+ className: i.string,
75
75
  /**
76
76
  * If `true`, the actions do not have additional margin.
77
77
  * @default false
78
78
  */
79
- disableSpacing: t.bool,
79
+ disableSpacing: i.bool,
80
80
  /**
81
81
  * The system prop that allows defining system overrides as well as additional CSS styles.
82
82
  */
83
- sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
83
+ sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
84
84
  });
85
- function $(e) {
86
- return T("MuiCardMedia", e);
85
+ function V(t) {
86
+ return j("MuiCardMedia", t);
87
87
  }
88
- w("MuiCardMedia", ["root", "media", "img"]);
89
- const V = ["children", "className", "component", "image", "src", "style"], F = (e) => {
88
+ S("MuiCardMedia", ["root", "media", "img"]);
89
+ const G = ["children", "className", "component", "image", "src", "style"], q = (t) => {
90
90
  const {
91
- classes: i,
92
- isMediaComponent: n,
93
- isImageComponent: r
94
- } = e;
95
- return S({
96
- root: ["root", n && "media", r && "img"]
97
- }, $, i);
98
- }, G = j("div", {
91
+ classes: o,
92
+ isMediaComponent: s,
93
+ isImageComponent: c
94
+ } = t;
95
+ return B({
96
+ root: ["root", s && "media", c && "img"]
97
+ }, V, o);
98
+ }, J = R("div", {
99
99
  name: "MuiCardMedia",
100
100
  slot: "Root",
101
- overridesResolver: (e, i) => {
101
+ overridesResolver: (t, o) => {
102
102
  const {
103
- ownerState: n
104
- } = e, {
105
- isMediaComponent: r,
106
- isImageComponent: s
107
- } = n;
108
- return [i.root, r && i.media, s && i.img];
103
+ ownerState: s
104
+ } = t, {
105
+ isMediaComponent: c,
106
+ isImageComponent: l
107
+ } = s;
108
+ return [o.root, c && o.media, l && o.img];
109
109
  }
110
110
  })(({
111
- ownerState: e
112
- }) => m({
111
+ ownerState: t
112
+ }) => u({
113
113
  display: "block",
114
114
  backgroundSize: "cover",
115
115
  backgroundRepeat: "no-repeat",
116
116
  backgroundPosition: "center"
117
- }, e.isMediaComponent && {
117
+ }, t.isMediaComponent && {
118
118
  width: "100%"
119
- }, e.isImageComponent && {
119
+ }, t.isImageComponent && {
120
120
  // ⚠️ object-fit is not supported by IE11.
121
121
  objectFit: "cover"
122
- })), q = ["video", "audio", "picture", "iframe", "img"], J = ["picture", "img"], x = /* @__PURE__ */ M.forwardRef(function(i, n) {
123
- const r = O({
124
- props: i,
122
+ })), K = ["video", "audio", "picture", "iframe", "img"], Q = ["picture", "img"], b = /* @__PURE__ */ T.forwardRef(function(o, s) {
123
+ const c = N({
124
+ props: o,
125
125
  name: "MuiCardMedia"
126
126
  }), {
127
- children: s,
128
- className: h,
129
- component: a = "div",
130
- image: l,
131
- src: u,
132
- style: f
133
- } = r, E = v(r, V), g = q.indexOf(a) !== -1, R = !g && l ? m({
134
- backgroundImage: `url("${l}")`
135
- }, f) : f, C = m({}, r, {
136
- component: a,
137
- isMediaComponent: g,
138
- isImageComponent: J.indexOf(a) !== -1
139
- }), W = F(C);
140
- return /* @__PURE__ */ o(G, m({
141
- className: N(W.root, h),
142
- as: a,
143
- role: !g && l ? "img" : void 0,
144
- ref: n,
145
- style: R,
146
- ownerState: C,
147
- src: g ? l || u : void 0
148
- }, E, {
149
- children: s
127
+ children: l,
128
+ className: f,
129
+ component: d = "div",
130
+ image: m,
131
+ src: x,
132
+ style: a
133
+ } = c, w = O(c, G), v = K.indexOf(d) !== -1, W = !v && m ? u({
134
+ backgroundImage: `url("${m}")`
135
+ }, a) : a, y = u({}, c, {
136
+ component: d,
137
+ isMediaComponent: v,
138
+ isImageComponent: Q.indexOf(d) !== -1
139
+ }), A = q(y);
140
+ return /* @__PURE__ */ e(J, u({
141
+ className: k(A.root, f),
142
+ as: d,
143
+ role: !v && m ? "img" : void 0,
144
+ ref: s,
145
+ style: W,
146
+ ownerState: y,
147
+ src: v ? m || x : void 0
148
+ }, w, {
149
+ children: l
150
150
  }));
151
151
  });
152
- process.env.NODE_ENV !== "production" && (x.propTypes = {
152
+ process.env.NODE_ENV !== "production" && (b.propTypes = {
153
153
  // ----------------------------- Warning --------------------------------
154
154
  // | These PropTypes are generated from the TypeScript type definitions |
155
155
  // | To update them edit the d.ts file and run "yarn proptypes" |
@@ -157,73 +157,107 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
157
157
  /**
158
158
  * The content of the component.
159
159
  */
160
- children: B(t.node, (e) => !e.children && !e.image && !e.src && !e.component ? new Error("MUI: Either `children`, `image`, `src` or `component` prop must be specified.") : null),
160
+ children: H(i.node, (t) => !t.children && !t.image && !t.src && !t.component ? new Error("MUI: Either `children`, `image`, `src` or `component` prop must be specified.") : null),
161
161
  /**
162
162
  * Override or extend the styles applied to the component.
163
163
  */
164
- classes: t.object,
164
+ classes: i.object,
165
165
  /**
166
166
  * @ignore
167
167
  */
168
- className: t.string,
168
+ className: i.string,
169
169
  /**
170
170
  * The component used for the root node.
171
171
  * Either a string to use a HTML element or a component.
172
172
  */
173
- component: t.elementType,
173
+ component: i.elementType,
174
174
  /**
175
175
  * Image to be displayed as a background image.
176
176
  * Either `image` or `src` prop must be specified.
177
177
  * Note that caller must specify height otherwise the image will not be visible.
178
178
  */
179
- image: t.string,
179
+ image: i.string,
180
180
  /**
181
181
  * An alias for `image` property.
182
182
  * Available only with media components.
183
183
  * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
184
184
  */
185
- src: t.string,
185
+ src: i.string,
186
186
  /**
187
187
  * @ignore
188
188
  */
189
- style: t.object,
189
+ style: i.object,
190
190
  /**
191
191
  * The system prop that allows defining system overrides as well as additional CSS styles.
192
192
  */
193
- sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
193
+ sx: i.oneOfType([i.arrayOf(i.oneOfType([i.func, i.object, i.bool])), i.func, i.object])
194
194
  });
195
- const ne = ({
196
- title: e,
197
- text: i,
198
- image: n,
199
- orientation: r = "portrait",
200
- avatar: s,
201
- actions: h,
202
- extraActions: a,
203
- extraInfo: l,
204
- stats: u
205
- }) => r === "landscape" ? /* @__PURE__ */ c(A, { children: [
206
- /* @__PURE__ */ o(
207
- x,
195
+ const re = ({
196
+ title: t,
197
+ text: o,
198
+ image: s,
199
+ orientation: c = "portrait",
200
+ avatar: l,
201
+ actions: f,
202
+ extraActions: d,
203
+ extraInfo: m,
204
+ stats: x,
205
+ loading: a = !1
206
+ }) => c === "landscape" ? /* @__PURE__ */ r(I, { children: [
207
+ a ? /* @__PURE__ */ e(
208
+ n,
209
+ {
210
+ sx: { width: 330, height: 200 },
211
+ animation: "wave",
212
+ variant: "rounded"
213
+ }
214
+ ) : /* @__PURE__ */ e(
215
+ b,
208
216
  {
209
217
  component: "img",
210
- alt: e,
211
- image: n,
218
+ alt: t,
219
+ image: s,
212
220
  sx: { width: 330, height: 200 }
213
221
  }
214
222
  ),
215
- /* @__PURE__ */ c(y, { children: [
216
- /* @__PURE__ */ o(p, { flex: 1, children: /* @__PURE__ */ c(
217
- p,
223
+ /* @__PURE__ */ r(M, { children: [
224
+ /* @__PURE__ */ e(g, { flex: 1, children: /* @__PURE__ */ r(
225
+ g,
218
226
  {
219
227
  display: "flex",
220
228
  flexDirection: "column",
221
229
  justifyContent: "space-between",
222
230
  height: "100%",
223
231
  children: [
224
- /* @__PURE__ */ c(p, { children: [
225
- /* @__PURE__ */ o(
226
- d,
232
+ /* @__PURE__ */ e(g, { children: a ? /* @__PURE__ */ r(h, { children: [
233
+ /* @__PURE__ */ e(
234
+ n,
235
+ {
236
+ animation: "wave",
237
+ height: 10,
238
+ style: { marginBottom: 16, marginTop: 10 }
239
+ }
240
+ ),
241
+ /* @__PURE__ */ e(
242
+ n,
243
+ {
244
+ animation: "wave",
245
+ height: 10,
246
+ style: { marginBottom: 6 }
247
+ }
248
+ ),
249
+ /* @__PURE__ */ e(
250
+ n,
251
+ {
252
+ animation: "wave",
253
+ height: 10,
254
+ width: "80%",
255
+ style: { marginBottom: 6 }
256
+ }
257
+ )
258
+ ] }) : /* @__PURE__ */ r(h, { children: [
259
+ /* @__PURE__ */ e(
260
+ p,
227
261
  {
228
262
  gutterBottom: !0,
229
263
  variant: "subtitle1",
@@ -235,11 +269,11 @@ const ne = ({
235
269
  WebkitLineClamp: 3,
236
270
  WebkitBoxOrient: "vertical"
237
271
  },
238
- children: e
272
+ children: t
239
273
  }
240
274
  ),
241
- /* @__PURE__ */ o(
242
- d,
275
+ /* @__PURE__ */ e(
276
+ p,
243
277
  {
244
278
  variant: "caption",
245
279
  component: "p",
@@ -252,54 +286,162 @@ const ne = ({
252
286
  WebkitBoxOrient: "vertical",
253
287
  lineHeight: "16px"
254
288
  },
255
- children: /* @__PURE__ */ o("small", { children: i })
289
+ children: /* @__PURE__ */ e("small", { children: o })
256
290
  }
257
291
  )
258
- ] }),
259
- /* @__PURE__ */ o(p, { children: u })
292
+ ] }) }),
293
+ /* @__PURE__ */ e(g, { children: a ? /* @__PURE__ */ e(
294
+ n,
295
+ {
296
+ animation: "wave",
297
+ height: 10,
298
+ width: "40%",
299
+ style: { marginBottom: 6 }
300
+ }
301
+ ) : x })
260
302
  ]
261
303
  }
262
304
  ) }),
263
- /* @__PURE__ */ c(I, { children: [
264
- /* @__PURE__ */ o(b, { src: s.image, sx: { width: 42, height: 42 } }),
265
- /* @__PURE__ */ o(
266
- d,
305
+ /* @__PURE__ */ r(P, { children: [
306
+ a ? /* @__PURE__ */ e(
307
+ n,
267
308
  {
268
- variant: "subtitle2",
269
- sx: {
270
- fontWeight: "normal",
271
- lineHeight: "14px",
272
- fontSize: "13px"
273
- },
274
- children: s.title
309
+ animation: "wave",
310
+ variant: "circular",
311
+ width: 42,
312
+ height: 42
275
313
  }
276
- ),
277
- /* @__PURE__ */ o(
278
- d,
314
+ ) : /* @__PURE__ */ e(C, { src: l.image, sx: { width: 42, height: 42 } }),
315
+ a ? /* @__PURE__ */ r(h, { children: [
316
+ /* @__PURE__ */ e(
317
+ n,
318
+ {
319
+ animation: "wave",
320
+ height: 10,
321
+ width: "40%",
322
+ sx: { mb: 0.25, mt: 0.35 }
323
+ }
324
+ ),
325
+ /* @__PURE__ */ e(
326
+ n,
327
+ {
328
+ animation: "wave",
329
+ height: 10,
330
+ width: "60%",
331
+ sx: { mb: 0.25 }
332
+ }
333
+ )
334
+ ] }) : /* @__PURE__ */ r(h, { children: [
335
+ /* @__PURE__ */ e(
336
+ p,
337
+ {
338
+ variant: "subtitle2",
339
+ sx: {
340
+ fontWeight: "normal",
341
+ lineHeight: "14px",
342
+ fontSize: "13px"
343
+ },
344
+ children: l.title
345
+ }
346
+ ),
347
+ /* @__PURE__ */ e(
348
+ p,
349
+ {
350
+ variant: "caption",
351
+ sx: { color: "text.secondary", lineHeight: "12px" },
352
+ children: /* @__PURE__ */ e("small", { children: l.subTitle })
353
+ }
354
+ )
355
+ ] }),
356
+ /* @__PURE__ */ e(_, { children: a ? /* @__PURE__ */ r(h, { children: [
357
+ /* @__PURE__ */ e(
358
+ n,
359
+ {
360
+ animation: "wave",
361
+ variant: "circular",
362
+ width: 32,
363
+ height: 32
364
+ }
365
+ ),
366
+ /* @__PURE__ */ e(
367
+ n,
368
+ {
369
+ animation: "wave",
370
+ variant: "circular",
371
+ width: 32,
372
+ height: 32
373
+ }
374
+ ),
375
+ /* @__PURE__ */ e(
376
+ n,
377
+ {
378
+ animation: "wave",
379
+ variant: "circular",
380
+ width: 32,
381
+ height: 32
382
+ }
383
+ )
384
+ ] }) : d }),
385
+ a ? /* @__PURE__ */ e(
386
+ n,
279
387
  {
280
- variant: "caption",
281
- sx: { color: "text.secondary", lineHeight: "12px" },
282
- children: /* @__PURE__ */ o("small", { children: s.subTitle })
388
+ animation: "wave",
389
+ height: 10,
390
+ width: "40%",
391
+ sx: { mb: 0.05, mt: 0.35 }
283
392
  }
284
- ),
285
- /* @__PURE__ */ o(P, { children: a }),
286
- /* @__PURE__ */ o(
287
- d,
393
+ ) : /* @__PURE__ */ e(
394
+ p,
288
395
  {
289
396
  variant: "caption",
290
397
  sx: { color: "text.secondary", lineHeight: "12px" },
291
- children: /* @__PURE__ */ o("small", { children: l })
398
+ children: /* @__PURE__ */ e("small", { children: m })
292
399
  }
293
400
  ),
294
- /* @__PURE__ */ o(p, { display: "flex", mt: 1, width: "100%", children: h })
401
+ /* @__PURE__ */ e(g, { display: "flex", mt: 1, width: "100%", children: a ? /* @__PURE__ */ e(
402
+ n,
403
+ {
404
+ variant: "rounded",
405
+ animation: "wave",
406
+ height: 36,
407
+ width: "100%",
408
+ sx: { borderRadius: (w) => w.shape.borderRadius }
409
+ }
410
+ ) : f })
295
411
  ] })
296
412
  ] })
297
- ] }) : /* @__PURE__ */ c(_, { children: [
298
- /* @__PURE__ */ o(x, { component: "img", alt: e, height: "172", image: n }),
299
- /* @__PURE__ */ c(y, { children: [
300
- /* @__PURE__ */ o(d, { gutterBottom: !0, variant: "subtitle1", component: "h3", noWrap: !0, children: e }),
301
- /* @__PURE__ */ o(
302
- d,
413
+ ] }) : /* @__PURE__ */ r(L, { children: [
414
+ a ? /* @__PURE__ */ e(n, { sx: { height: 172 }, animation: "wave", variant: "rectangular" }) : /* @__PURE__ */ e(b, { component: "img", alt: t, height: "172", image: s }),
415
+ /* @__PURE__ */ e(M, { children: a ? /* @__PURE__ */ r(h, { children: [
416
+ /* @__PURE__ */ e(
417
+ n,
418
+ {
419
+ animation: "wave",
420
+ height: 10,
421
+ style: { marginBottom: 16, marginTop: 10 }
422
+ }
423
+ ),
424
+ /* @__PURE__ */ e(
425
+ n,
426
+ {
427
+ animation: "wave",
428
+ height: 10,
429
+ style: { marginBottom: 6 }
430
+ }
431
+ ),
432
+ /* @__PURE__ */ e(
433
+ n,
434
+ {
435
+ animation: "wave",
436
+ height: 10,
437
+ width: "80%",
438
+ style: { marginBottom: 8 }
439
+ }
440
+ )
441
+ ] }) : /* @__PURE__ */ r(h, { children: [
442
+ /* @__PURE__ */ e(p, { gutterBottom: !0, variant: "subtitle1", component: "h3", noWrap: !0, children: t }),
443
+ /* @__PURE__ */ e(
444
+ p,
303
445
  {
304
446
  variant: "caption",
305
447
  component: "p",
@@ -312,24 +454,44 @@ const ne = ({
312
454
  WebkitBoxOrient: "vertical",
313
455
  lineHeight: "16px"
314
456
  },
315
- children: /* @__PURE__ */ o("small", { children: i })
457
+ children: /* @__PURE__ */ e("small", { children: o })
316
458
  }
317
459
  )
318
- ] }),
319
- /* @__PURE__ */ c(
320
- k,
460
+ ] }) }),
461
+ /* @__PURE__ */ r(
462
+ E,
321
463
  {
322
464
  sx: {
323
465
  display: "flex",
324
466
  justifyContent: "space-between",
325
- p: (f) => f.spacing(2)
467
+ p: (w) => w.spacing(2)
326
468
  },
327
469
  children: [
328
- /* @__PURE__ */ c(p, { display: "flex", justifyItems: "center", children: [
329
- /* @__PURE__ */ o(b, { src: s.image, sx: { width: 29, height: 29 } }),
330
- /* @__PURE__ */ c(p, { display: "flex", flexDirection: "column", ml: 1, children: [
331
- /* @__PURE__ */ o(
332
- d,
470
+ /* @__PURE__ */ r(g, { display: "flex", justifyItems: "center", flex: 1, children: [
471
+ a ? /* @__PURE__ */ e(
472
+ n,
473
+ {
474
+ animation: "wave",
475
+ variant: "circular",
476
+ width: 29,
477
+ height: 29,
478
+ sx: { mb: 0.6 }
479
+ }
480
+ ) : /* @__PURE__ */ e(C, { src: l.image, sx: { width: 29, height: 29 } }),
481
+ /* @__PURE__ */ e(g, { display: "flex", flexDirection: "column", ml: 1, flex: 1, children: a ? /* @__PURE__ */ r(h, { children: [
482
+ /* @__PURE__ */ e(
483
+ n,
484
+ {
485
+ animation: "wave",
486
+ height: 10,
487
+ style: { marginBottom: 2, marginTop: 3 },
488
+ width: "40%"
489
+ }
490
+ ),
491
+ /* @__PURE__ */ e(n, { animation: "wave", height: 10, width: "60%" })
492
+ ] }) : /* @__PURE__ */ r(h, { children: [
493
+ /* @__PURE__ */ e(
494
+ p,
333
495
  {
334
496
  variant: "subtitle2",
335
497
  sx: {
@@ -338,26 +500,26 @@ const ne = ({
338
500
  fontSize: "13px"
339
501
  },
340
502
  noWrap: !0,
341
- children: s.title
503
+ children: l.title
342
504
  }
343
505
  ),
344
- /* @__PURE__ */ o(
345
- d,
506
+ /* @__PURE__ */ e(
507
+ p,
346
508
  {
347
509
  variant: "caption",
348
510
  sx: { color: "text.secondary" },
349
511
  noWrap: !0,
350
- children: /* @__PURE__ */ o("small", { children: s.subTitle })
512
+ children: /* @__PURE__ */ e("small", { children: l.subTitle })
351
513
  }
352
514
  )
353
- ] })
515
+ ] }) })
354
516
  ] }),
355
- /* @__PURE__ */ o(p, { display: "flex", children: h })
517
+ !a && /* @__PURE__ */ e(g, { display: "flex", children: f })
356
518
  ]
357
519
  }
358
520
  ),
359
- a !== void 0 && /* @__PURE__ */ o(L, { className: "extra-actions", children: a })
521
+ a === !1 && d !== void 0 && /* @__PURE__ */ e(U, { className: "extra-actions", children: d })
360
522
  ] });
361
523
  export {
362
- ne as Card
524
+ re as Card
363
525
  };
package/dist/main.d.ts CHANGED
@@ -63,6 +63,7 @@ declare interface CardProps {
63
63
  * Only available on landscape
64
64
  */
65
65
  stats?: default_2.ReactNode;
66
+ loading?: boolean;
66
67
  }
67
68
 
68
69
  export declare const CollapsibleCard: FC<Props_2>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hybridcore/ui",
3
3
  "description": "Hybrid Core UI Library",
4
- "version": "1.4.0",
4
+ "version": "1.4.1",
5
5
  "author": "Hybrid Core",
6
6
  "license": "ISC",
7
7
  "type": "module",