@lovince/icons 1.1.2 → 1.3.0

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/vue.js CHANGED
@@ -1,19 +1,19 @@
1
1
  import { paths as e } from "./paths.js";
2
- import { _ as t, c as n, f as r, g as i, i as a, n as o, o as s, r as c, s as l, t as u, u as d } from "./motion-72rOKpWt.js";
3
- import { Fragment as f, computed as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, normalizeStyle as b, openBlock as x, renderList as S, toDisplayString as C, unref as w } from "vue";
2
+ import { C as t, S as n, a as r, f as i, g as a, i as o, l as s, m as c, n as l, p as u, r as d, s as f, t as p, v as m } from "./motion-CBQXeIyE.js";
3
+ import { Fragment as h, computed as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, normalizeStyle as C, onBeforeUnmount as w, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as k, watch as A } from "vue";
4
4
  //#region src/LvIcon.vue?vue&type=script&setup=true&lang.ts
5
- var T = [
5
+ var j = [
6
6
  "width",
7
7
  "height",
8
8
  "stroke-width",
9
9
  "aria-hidden",
10
10
  "role",
11
11
  "aria-label"
12
- ], E = ["transform"], D = [
12
+ ], M = ["transform"], N = [
13
13
  "d",
14
14
  "fill",
15
15
  "fill-opacity"
16
- ], O = /* @__PURE__ */ v({
16
+ ], P = /* @__PURE__ */ x({
17
17
  __name: "LvIcon",
18
18
  props: {
19
19
  name: {},
@@ -31,15 +31,15 @@ var T = [
31
31
  flip: {},
32
32
  label: {}
33
33
  },
34
- setup(n) {
35
- let r = n, a = p(() => e[r.name] ?? []), o = p(() => t({
36
- size: r.size,
37
- strokeWidth: r.strokeWidth,
38
- absoluteStrokeWidth: r.absoluteStrokeWidth,
39
- rotate: r.rotate,
40
- flip: r.flip
41
- })), s = p(() => i(r.fill)), c = p(() => r.label == null || r.label.length === 0);
42
- return (e, t) => (x(), h("svg", {
34
+ setup(r) {
35
+ let i = r, a = g(() => e[i.name] ?? []), o = g(() => t({
36
+ size: i.size,
37
+ strokeWidth: i.strokeWidth,
38
+ absoluteStrokeWidth: i.absoluteStrokeWidth,
39
+ rotate: i.rotate,
40
+ flip: i.flip
41
+ })), s = g(() => n(i.fill)), c = g(() => i.label == null || i.label.length === 0);
42
+ return (e, t) => (T(), v("svg", {
43
43
  class: "lv-icon",
44
44
  xmlns: "http://www.w3.org/2000/svg",
45
45
  width: o.value.size,
@@ -52,15 +52,15 @@ var T = [
52
52
  "stroke-linejoin": "round",
53
53
  "aria-hidden": c.value ? "true" : void 0,
54
54
  role: c.value ? void 0 : "img",
55
- "aria-label": c.value ? void 0 : n.label
56
- }, [g("g", { transform: o.value.transform }, [(x(!0), h(f, null, S(a.value, (e, t) => (x(), h("path", {
55
+ "aria-label": c.value ? void 0 : r.label
56
+ }, [y("g", { transform: o.value.transform }, [(T(!0), v(h, null, D(a.value, (e, t) => (T(), v("path", {
57
57
  key: t,
58
58
  d: e,
59
59
  fill: s.value > 0 ? "currentColor" : "none",
60
60
  "fill-opacity": s.value > 0 ? s.value : void 0
61
- }, null, 8, D))), 128))], 8, E)], 8, T));
61
+ }, null, 8, N))), 128))], 8, M)], 8, j));
62
62
  }
63
- }), k = ["disabled", "aria-label"], A = /* @__PURE__ */ v({
63
+ }), F = ["disabled", "aria-label"], I = /* @__PURE__ */ x({
64
64
  __name: "LvIconButton",
65
65
  props: {
66
66
  icon: {},
@@ -79,33 +79,33 @@ var T = [
79
79
  }
80
80
  },
81
81
  setup(e) {
82
- let t = e, n = p(() => s[t.context] ?? s.button), i = p(() => t.size ?? n.value.size), a = p(() => Math.max(t.hitArea ?? n.value.hitArea, 44)), o = p(() => t.optical ? d(i.value, n.value.strokeWidth) : n.value.strokeWidth);
83
- return (t, n) => (x(), h("button", {
82
+ let t = e, n = g(() => i[t.context] ?? i.button), r = g(() => t.size ?? n.value.size), o = g(() => Math.max(t.hitArea ?? n.value.hitArea, 44)), s = g(() => t.optical ? a(r.value, n.value.strokeWidth) : n.value.strokeWidth);
83
+ return (t, n) => (T(), v("button", {
84
84
  type: "button",
85
- class: y(["lv-icon-button", { "is-disabled": e.disabled }]),
86
- style: b({ "--lv-target": `${a.value}px` }),
85
+ class: S(["lv-icon-button", { "is-disabled": e.disabled }]),
86
+ style: C({ "--lv-target": `${o.value}px` }),
87
87
  disabled: e.disabled,
88
88
  "aria-label": e.label
89
- }, [_(O, {
89
+ }, [b(P, {
90
90
  name: e.icon,
91
- size: i.value,
92
- "stroke-width": o.value,
93
- fill: w(r)(e.variant)
91
+ size: r.value,
92
+ "stroke-width": s.value,
93
+ fill: k(m)(e.variant)
94
94
  }, null, 8, [
95
95
  "name",
96
96
  "size",
97
97
  "stroke-width",
98
98
  "fill"
99
- ])], 14, k));
99
+ ])], 14, F));
100
100
  }
101
- }), j = [
101
+ }), L = [
102
102
  "width",
103
103
  "height",
104
104
  "stroke-width",
105
105
  "aria-hidden",
106
106
  "role",
107
107
  "aria-label"
108
- ], M = /* @__PURE__ */ v({
108
+ ], R = /* @__PURE__ */ x({
109
109
  __name: "LvJourneyStep",
110
110
  props: {
111
111
  state: { default: "pending" },
@@ -114,13 +114,13 @@ var T = [
114
114
  label: {}
115
115
  },
116
116
  setup(e) {
117
- let t = e, n = p(() => ({
118
- "--lv-duration": c(u.state),
119
- "--lv-ease": o.enter
120
- })), r = p(() => t.label == null || t.label.length === 0);
121
- return (t, i) => (x(), h("svg", {
122
- class: y(["lv-icon lv-icon--step", `is-${e.state}`]),
123
- style: b(n.value),
117
+ let t = e, n = g(() => ({
118
+ "--lv-duration": d(p.state),
119
+ "--lv-ease": l.enter
120
+ })), r = g(() => t.label == null || t.label.length === 0);
121
+ return (t, i) => (T(), v("svg", {
122
+ class: S(["lv-icon lv-icon--step", `is-${e.state}`]),
123
+ style: C(n.value),
124
124
  xmlns: "http://www.w3.org/2000/svg",
125
125
  width: e.size,
126
126
  height: e.size,
@@ -134,13 +134,13 @@ var T = [
134
134
  role: r.value ? void 0 : "img",
135
135
  "aria-label": r.value ? void 0 : e.label
136
136
  }, [...i[0] ||= [
137
- g("circle", {
137
+ y("circle", {
138
138
  class: "lv-icon__ring",
139
139
  cx: "12",
140
140
  cy: "12",
141
141
  r: "8.5"
142
142
  }, null, -1),
143
- g("circle", {
143
+ y("circle", {
144
144
  class: "lv-icon__dot",
145
145
  cx: "12",
146
146
  cy: "12",
@@ -148,17 +148,17 @@ var T = [
148
148
  fill: "currentColor",
149
149
  stroke: "none"
150
150
  }, null, -1),
151
- g("path", {
151
+ y("path", {
152
152
  class: "lv-icon__tick",
153
153
  d: "m8 12.25 2.5 2.5 5.5-5.75"
154
154
  }, null, -1),
155
- g("path", {
155
+ y("path", {
156
156
  class: "lv-icon__dash",
157
157
  d: "M8.5 12h7"
158
158
  }, null, -1)
159
- ]], 14, j));
159
+ ]], 14, L));
160
160
  }
161
- }), N = { class: "lv-inspector" }, P = { class: "lv-inspector__states" }, F = { class: "lv-inspector__caption" }, I = { class: "lv-inspector__facts" }, L = /* @__PURE__ */ v({
161
+ }), z = { class: "lv-inspector" }, B = { class: "lv-inspector__states" }, V = { class: "lv-inspector__caption" }, H = { class: "lv-inspector__facts" }, U = /* @__PURE__ */ x({
162
162
  __name: "LvIconInspector",
163
163
  props: {
164
164
  name: {},
@@ -166,15 +166,15 @@ var T = [
166
166
  strokeWidth: { default: 2 }
167
167
  },
168
168
  setup(t) {
169
- let r = t, i = [
169
+ let n = t, r = [
170
170
  "default",
171
171
  "hover",
172
172
  "active",
173
173
  "disabled"
174
- ], o = p(() => [
174
+ ], i = g(() => [
175
175
  {
176
176
  label: "Name",
177
- value: r.name
177
+ value: n.name
178
178
  },
179
179
  {
180
180
  label: "Grid",
@@ -182,51 +182,123 @@ var T = [
182
182
  },
183
183
  {
184
184
  label: "Paths",
185
- value: String(e[r.name]?.length ?? 0)
185
+ value: String(e[n.name]?.length ?? 0)
186
186
  },
187
187
  {
188
188
  label: "Stroke",
189
- value: `${r.strokeWidth}px`
189
+ value: `${n.strokeWidth}px`
190
190
  },
191
191
  {
192
192
  label: "Optical stroke",
193
- value: `${d(r.size, r.strokeWidth).toFixed(2)}px`
193
+ value: `${a(n.size, n.strokeWidth).toFixed(2)}px`
194
194
  },
195
195
  {
196
196
  label: "Motion",
197
- value: `${u.state * 1e3}ms state · ${u.morph * 1e3}ms morph`
197
+ value: `${p.state * 1e3}ms state · ${p.morph * 1e3}ms morph`
198
198
  },
199
199
  {
200
200
  label: "Reduced motion",
201
- value: a() ? "active — motion off" : "supported"
201
+ value: o() ? "active — motion off" : "supported"
202
202
  }
203
203
  ]);
204
- return (e, r) => (x(), h("div", N, [g("div", P, [(x(), h(f, null, S(i, (e) => g("div", {
204
+ return (e, n) => (T(), v("div", z, [y("div", B, [(T(), v(h, null, D(r, (e) => y("div", {
205
205
  key: e,
206
206
  class: "lv-inspector__state"
207
- }, [g("div", {
207
+ }, [y("div", {
208
208
  class: "lv-inspector__swatch",
209
- style: b({ opacity: w(n)[e] })
210
- }, [_(O, {
209
+ style: C({ opacity: k(c)[e] })
210
+ }, [b(P, {
211
211
  name: t.name,
212
212
  size: t.size,
213
213
  "stroke-width": t.strokeWidth,
214
- fill: w(l)[e]
214
+ fill: k(u)[e]
215
215
  }, null, 8, [
216
216
  "name",
217
217
  "size",
218
218
  "stroke-width",
219
219
  "fill"
220
- ])], 4), g("span", F, C(e), 1)])), 64))]), g("dl", I, [(x(!0), h(f, null, S(o.value, (e) => (x(), h(f, { key: e.label }, [g("dt", null, C(e.label), 1), g("dd", null, C(e.value), 1)], 64))), 128))])]));
220
+ ])], 4), y("span", V, O(e), 1)])), 64))]), y("dl", H, [(T(!0), v(h, null, D(i.value, (e) => (T(), v(h, { key: e.label }, [y("dt", null, O(e.label), 1), y("dd", null, O(e.value), 1)], 64))), 128))])]));
221
221
  }
222
- }), R = [
222
+ }), W = [
223
223
  "width",
224
224
  "height",
225
225
  "stroke-width",
226
226
  "aria-hidden",
227
227
  "role",
228
228
  "aria-label"
229
- ], z = /* @__PURE__ */ v({
229
+ ], G = ["transform"], K = ["d"], q = /* @__PURE__ */ x({
230
+ __name: "LvMorphIcon",
231
+ props: {
232
+ name: {},
233
+ size: { default: 24 },
234
+ strokeWidth: { default: 2 },
235
+ absoluteStrokeWidth: {
236
+ type: Boolean,
237
+ default: !1
238
+ },
239
+ flip: {},
240
+ rotate: {},
241
+ label: {},
242
+ duration: { default: p.morph },
243
+ resolution: { default: 64 }
244
+ },
245
+ emits: ["morphed"],
246
+ setup(n, { emit: i }) {
247
+ let a = n, o = i, c = E(e[a.name] ?? []), l = g(() => t({
248
+ size: a.size,
249
+ strokeWidth: a.strokeWidth,
250
+ absoluteStrokeWidth: a.absoluteStrokeWidth,
251
+ rotate: a.rotate,
252
+ flip: a.flip
253
+ })), u = 0, d = null, p = () => {
254
+ u !== 0 && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
255
+ }, m = (t) => {
256
+ c.value = e[t] ?? [], o("morphed", t);
257
+ };
258
+ A(() => a.name, (t, n) => {
259
+ p();
260
+ let i = e[t];
261
+ if (i === void 0) return;
262
+ let o = r(a.duration);
263
+ if (!f() || o <= 0 || n === void 0 || (d = s(e[n] ?? [], i, a.resolution), d === null)) return m(t);
264
+ let l = performance.now(), h = (e) => {
265
+ let n = Math.min(1, (e - l) / (o * 1e3));
266
+ if (c.value = d.at(n < .5 ? 4 * n * n * n : 1 - (-2 * n + 2) ** 3 / 2), n < 1) {
267
+ u = requestAnimationFrame(h);
268
+ return;
269
+ }
270
+ m(t);
271
+ };
272
+ u = requestAnimationFrame(h);
273
+ }), w(p);
274
+ let _ = g(() => a.label == null || a.label.length === 0);
275
+ return (e, t) => (T(), v("svg", {
276
+ class: "lv-icon lv-icon--morph",
277
+ xmlns: "http://www.w3.org/2000/svg",
278
+ width: l.value.size,
279
+ height: l.value.size,
280
+ viewBox: "0 0 24 24",
281
+ fill: "none",
282
+ stroke: "currentColor",
283
+ "stroke-width": l.value.strokeWidth,
284
+ "stroke-linecap": "round",
285
+ "stroke-linejoin": "round",
286
+ "aria-hidden": _.value ? "true" : void 0,
287
+ role: _.value ? void 0 : "img",
288
+ "aria-label": _.value ? void 0 : n.label
289
+ }, [y("g", { transform: l.value.transform }, [(T(!0), v(h, null, D(c.value, (e, t) => (T(), v("path", {
290
+ key: t,
291
+ d: e
292
+ }, null, 8, K))), 128))], 8, G)], 8, W));
293
+ }
294
+ }), J = [
295
+ "width",
296
+ "height",
297
+ "stroke-width",
298
+ "aria-hidden",
299
+ "role",
300
+ "aria-label"
301
+ ], Y = /* @__PURE__ */ x({
230
302
  __name: "LvMenuToClose",
231
303
  props: {
232
304
  open: {
@@ -240,20 +312,20 @@ var T = [
240
312
  default: !1
241
313
  },
242
314
  label: {},
243
- duration: { default: u.morph }
315
+ duration: { default: p.morph }
244
316
  },
245
317
  setup(e) {
246
- let n = e, r = p(() => t({
318
+ let n = e, r = g(() => t({
247
319
  size: n.size,
248
320
  strokeWidth: n.strokeWidth,
249
321
  absoluteStrokeWidth: n.absoluteStrokeWidth
250
- })), i = p(() => ({
251
- "--lv-duration": c(n.duration),
252
- "--lv-ease": o.morph
253
- })), a = p(() => n.label == null || n.label.length === 0);
254
- return (t, n) => (x(), h("svg", {
255
- class: y(["lv-icon lv-icon--menu", { "is-open": e.open }]),
256
- style: b(i.value),
322
+ })), i = g(() => ({
323
+ "--lv-duration": d(n.duration),
324
+ "--lv-ease": l.morph
325
+ })), a = g(() => n.label == null || n.label.length === 0);
326
+ return (t, n) => (T(), v("svg", {
327
+ class: S(["lv-icon lv-icon--menu", { "is-open": e.open }]),
328
+ style: C(i.value),
257
329
  xmlns: "http://www.w3.org/2000/svg",
258
330
  width: r.value.size,
259
331
  height: r.value.size,
@@ -266,37 +338,37 @@ var T = [
266
338
  role: a.value ? void 0 : "img",
267
339
  "aria-label": a.value ? void 0 : e.label
268
340
  }, [...n[0] ||= [
269
- g("line", {
341
+ y("line", {
270
342
  class: "lv-icon__bar lv-icon__bar--top",
271
343
  x1: "4",
272
344
  y1: "7",
273
345
  x2: "20",
274
346
  y2: "7"
275
347
  }, null, -1),
276
- g("line", {
348
+ y("line", {
277
349
  class: "lv-icon__bar lv-icon__bar--mid",
278
350
  x1: "4",
279
351
  y1: "12",
280
352
  x2: "20",
281
353
  y2: "12"
282
354
  }, null, -1),
283
- g("line", {
355
+ y("line", {
284
356
  class: "lv-icon__bar lv-icon__bar--bottom",
285
357
  x1: "4",
286
358
  y1: "17",
287
359
  x2: "20",
288
360
  y2: "17"
289
361
  }, null, -1)
290
- ]], 14, R));
362
+ ]], 14, J));
291
363
  }
292
- }), B = [
364
+ }), X = [
293
365
  "width",
294
366
  "height",
295
367
  "stroke-width",
296
368
  "aria-hidden",
297
369
  "role",
298
370
  "aria-label"
299
- ], V = /* @__PURE__ */ v({
371
+ ], Z = /* @__PURE__ */ x({
300
372
  __name: "LvPlusToClose",
301
373
  props: {
302
374
  open: {
@@ -310,20 +382,20 @@ var T = [
310
382
  default: !1
311
383
  },
312
384
  label: {},
313
- duration: { default: u.morph }
385
+ duration: { default: p.morph }
314
386
  },
315
387
  setup(e) {
316
- let n = e, r = p(() => t({
388
+ let n = e, r = g(() => t({
317
389
  size: n.size,
318
390
  strokeWidth: n.strokeWidth,
319
391
  absoluteStrokeWidth: n.absoluteStrokeWidth
320
- })), i = p(() => ({
321
- "--lv-duration": c(n.duration),
322
- "--lv-ease": o.morph
323
- })), a = p(() => n.label == null || n.label.length === 0);
324
- return (t, n) => (x(), h("svg", {
325
- class: y(["lv-icon lv-icon--plus", { "is-open": e.open }]),
326
- style: b(i.value),
392
+ })), i = g(() => ({
393
+ "--lv-duration": d(n.duration),
394
+ "--lv-ease": l.morph
395
+ })), a = g(() => n.label == null || n.label.length === 0);
396
+ return (t, n) => (T(), v("svg", {
397
+ class: S(["lv-icon lv-icon--plus", { "is-open": e.open }]),
398
+ style: C(i.value),
327
399
  xmlns: "http://www.w3.org/2000/svg",
328
400
  width: r.value.size,
329
401
  height: r.value.size,
@@ -335,32 +407,32 @@ var T = [
335
407
  "aria-hidden": a.value ? "true" : void 0,
336
408
  role: a.value ? void 0 : "img",
337
409
  "aria-label": a.value ? void 0 : e.label
338
- }, [...n[0] ||= [g("g", { class: "lv-icon__cross" }, [g("line", {
410
+ }, [...n[0] ||= [y("g", { class: "lv-icon__cross" }, [y("line", {
339
411
  x1: "12",
340
412
  y1: "5",
341
413
  x2: "12",
342
414
  y2: "19"
343
- }), g("line", {
415
+ }), y("line", {
344
416
  x1: "5",
345
417
  y1: "12",
346
418
  x2: "19",
347
419
  y2: "12"
348
- })], -1)]], 14, B));
420
+ })], -1)]], 14, X));
349
421
  }
350
- }), H = [
422
+ }), Q = [
351
423
  "width",
352
424
  "height",
353
425
  "stroke-width",
354
426
  "aria-hidden",
355
427
  "role",
356
428
  "aria-label"
357
- ], U = {
429
+ ], $ = {
358
430
  key: 0,
359
431
  class: "lv-icon__ring",
360
432
  cx: "12",
361
433
  cy: "12",
362
434
  r: "9"
363
- }, W = ["d"], G = /* @__PURE__ */ v({
435
+ }, ee = ["d"], te = /* @__PURE__ */ x({
364
436
  __name: "LvCheckmark",
365
437
  props: {
366
438
  checked: {
@@ -378,20 +450,20 @@ var T = [
378
450
  default: !1
379
451
  },
380
452
  label: {},
381
- duration: { default: u.state }
453
+ duration: { default: p.state }
382
454
  },
383
455
  setup(e) {
384
- let n = e, r = p(() => t({
456
+ let n = e, r = g(() => t({
385
457
  size: n.size,
386
458
  strokeWidth: n.strokeWidth,
387
459
  absoluteStrokeWidth: n.absoluteStrokeWidth
388
- })), i = p(() => ({
389
- "--lv-duration": c(n.duration),
390
- "--lv-ease": o.enter
391
- })), a = p(() => n.label == null || n.label.length === 0);
392
- return (t, n) => (x(), h("svg", {
393
- class: y(["lv-icon lv-icon--check", { "is-checked": e.checked }]),
394
- style: b(i.value),
460
+ })), i = g(() => ({
461
+ "--lv-duration": d(n.duration),
462
+ "--lv-ease": l.enter
463
+ })), a = g(() => n.label == null || n.label.length === 0);
464
+ return (t, n) => (T(), v("svg", {
465
+ class: S(["lv-icon lv-icon--check", { "is-checked": e.checked }]),
466
+ style: C(i.value),
395
467
  xmlns: "http://www.w3.org/2000/svg",
396
468
  width: r.value.size,
397
469
  height: r.value.size,
@@ -404,17 +476,17 @@ var T = [
404
476
  "aria-hidden": a.value ? "true" : void 0,
405
477
  role: a.value ? void 0 : "img",
406
478
  "aria-label": a.value ? void 0 : e.label
407
- }, [e.circle ? (x(), h("circle", U)) : m("", !0), g("path", {
479
+ }, [e.circle ? (T(), v("circle", $)) : _("", !0), y("path", {
408
480
  class: "lv-icon__tick",
409
481
  d: e.circle ? "m8.25 12.25 2.5 2.5 5-5.5" : "m5 12.5 4.5 4.5L19 7.5"
410
- }, null, 8, W)], 14, H));
482
+ }, null, 8, ee)], 14, Q));
411
483
  }
412
- }), K = [
484
+ }), ne = [
413
485
  "width",
414
486
  "height",
415
487
  "stroke-width",
416
488
  "aria-label"
417
- ], q = /* @__PURE__ */ v({
489
+ ], re = /* @__PURE__ */ x({
418
490
  __name: "LvLoading",
419
491
  props: {
420
492
  size: { default: 24 },
@@ -427,14 +499,14 @@ var T = [
427
499
  label: { default: "Loading" }
428
500
  },
429
501
  setup(e) {
430
- let n = e, r = p(() => t({
502
+ let n = e, r = g(() => t({
431
503
  size: n.size,
432
504
  strokeWidth: n.strokeWidth,
433
505
  absoluteStrokeWidth: n.absoluteStrokeWidth
434
- })), i = p(() => ({ "--lv-duration": c(n.duration) }));
435
- return (t, n) => (x(), h("svg", {
506
+ })), i = g(() => ({ "--lv-duration": d(n.duration) }));
507
+ return (t, n) => (T(), v("svg", {
436
508
  class: "lv-icon lv-icon--loading",
437
- style: b(i.value),
509
+ style: C(i.value),
438
510
  xmlns: "http://www.w3.org/2000/svg",
439
511
  width: r.value.size,
440
512
  height: r.value.size,
@@ -445,25 +517,25 @@ var T = [
445
517
  "stroke-linecap": "round",
446
518
  role: "status",
447
519
  "aria-label": e.label
448
- }, [...n[0] ||= [g("circle", {
520
+ }, [...n[0] ||= [y("circle", {
449
521
  class: "lv-icon__track",
450
522
  cx: "12",
451
523
  cy: "12",
452
524
  r: "9",
453
525
  opacity: "0.22"
454
- }, null, -1), g("path", {
526
+ }, null, -1), y("path", {
455
527
  class: "lv-icon__arc",
456
528
  d: "M21 12a9 9 0 0 0-9-9"
457
- }, null, -1)]], 12, K));
529
+ }, null, -1)]], 12, ne));
458
530
  }
459
- }), J = [
531
+ }), ie = [
460
532
  "width",
461
533
  "height",
462
534
  "stroke-width",
463
535
  "aria-hidden",
464
536
  "role",
465
537
  "aria-label"
466
- ], Y = /* @__PURE__ */ v({
538
+ ], ae = /* @__PURE__ */ x({
467
539
  __name: "LvArrowMotion",
468
540
  props: {
469
541
  direction: { default: "right" },
@@ -475,10 +547,10 @@ var T = [
475
547
  default: !1
476
548
  },
477
549
  label: {},
478
- duration: { default: u.micro }
550
+ duration: { default: p.micro }
479
551
  },
480
552
  setup(e) {
481
- let n = e, r = p(() => t({
553
+ let n = e, r = g(() => t({
482
554
  size: n.size,
483
555
  strokeWidth: n.strokeWidth,
484
556
  absoluteStrokeWidth: n.absoluteStrokeWidth
@@ -487,15 +559,15 @@ var T = [
487
559
  down: 90,
488
560
  left: 180,
489
561
  up: 270
490
- }, a = p(() => ({
491
- "--lv-duration": c(n.duration),
492
- "--lv-ease": o.enter,
562
+ }, a = g(() => ({
563
+ "--lv-duration": d(n.duration),
564
+ "--lv-ease": l.enter,
493
565
  "--lv-travel": `${n.travel}px`,
494
566
  "--lv-rotate": `${i[n.direction]}deg`
495
- })), s = p(() => n.label == null || n.label.length === 0);
496
- return (t, n) => (x(), h("svg", {
567
+ })), o = g(() => n.label == null || n.label.length === 0);
568
+ return (t, n) => (T(), v("svg", {
497
569
  class: "lv-icon lv-icon--arrow",
498
- style: b(a.value),
570
+ style: C(a.value),
499
571
  xmlns: "http://www.w3.org/2000/svg",
500
572
  width: r.value.size,
501
573
  height: r.value.size,
@@ -505,17 +577,17 @@ var T = [
505
577
  "stroke-width": r.value.strokeWidth,
506
578
  "stroke-linecap": "round",
507
579
  "stroke-linejoin": "round",
508
- "aria-hidden": s.value ? "true" : void 0,
509
- role: s.value ? void 0 : "img",
510
- "aria-label": s.value ? void 0 : e.label
511
- }, [...n[0] ||= [g("g", { class: "lv-icon__arrow-inner" }, [g("path", {
580
+ "aria-hidden": o.value ? "true" : void 0,
581
+ role: o.value ? void 0 : "img",
582
+ "aria-label": o.value ? void 0 : e.label
583
+ }, [...n[0] ||= [y("g", { class: "lv-icon__arrow-inner" }, [y("path", {
512
584
  class: "lv-icon__shaft",
513
585
  d: "M4 12h15"
514
- }), g("path", {
586
+ }), y("path", {
515
587
  class: "lv-icon__head",
516
588
  d: "m13 6 6 6-6 6"
517
- })], -1)]], 12, J));
589
+ })], -1)]], 12, ie));
518
590
  }
519
591
  });
520
592
  //#endregion
521
- export { Y as LvArrowMotion, G as LvCheckmark, O as LvIcon, A as LvIconButton, L as LvIconInspector, M as LvJourneyStep, q as LvLoading, z as LvMenuToClose, V as LvPlusToClose };
593
+ export { ae as LvArrowMotion, te as LvCheckmark, P as LvIcon, I as LvIconButton, U as LvIconInspector, R as LvJourneyStep, re as LvLoading, Y as LvMenuToClose, q as LvMorphIcon, Z as LvPlusToClose };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lovince/icons",
3
- "version": "1.1.2",
3
+ "version": "1.3.0",
4
4
  "description": "A motion-aware icon system for Vue 3 \u2014 24x24 geometry, variable weight and fill, animated state transitions.",
5
5
  "type": "module",
6
6
  "license": "MIT",