@gradient-ui/core 0.5.0-rc.0 → 0.6.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.
Files changed (83) hide show
  1. package/README.md +4 -4
  2. package/dist/{GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js → GLoading.vue_vue_type_style_index_0_lang-COggAM7a.js} +90 -88
  3. package/dist/GLoading.vue_vue_type_style_index_0_lang-CoPHejAL.cjs +1 -0
  4. package/dist/{GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js → GSwitch.vue_vue_type_script_setup_true_lang-CRlkCyW_.js} +2371 -2355
  5. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-DZXv1j__.cjs +1 -0
  6. package/dist/{camelToKebabCase-6qY6WHvl.js → camelToKebabCase-BWbQb81D.js} +4 -4
  7. package/dist/components.cjs +1 -1
  8. package/dist/components.mjs +4 -4
  9. package/dist/default--73FwpwZ.cjs +4 -0
  10. package/dist/default-DlsS6GI_.js +58 -0
  11. package/dist/directives.cjs +1 -1
  12. package/dist/directives.mjs +1 -1
  13. package/dist/index.cjs +1 -1
  14. package/dist/index.mjs +112 -108
  15. package/dist/{mask-CZX-I_iy.js → mask-BqOamrcF.js} +2 -2
  16. package/dist/{mask-BbofdFd4.cjs → mask-ObMqNEfF.cjs} +1 -1
  17. package/dist/materialSurface-CbOpfFGO.js +634 -0
  18. package/dist/materialSurface-CjhWd_yD.cjs +1 -0
  19. package/dist/scheme-CZ0a0X5e.cjs +299 -0
  20. package/dist/scheme-Dqwdqg6N.js +1405 -0
  21. package/dist/services.cjs +1 -1
  22. package/dist/services.mjs +1 -1
  23. package/dist/style.css +1 -1
  24. package/dist/{surface-BKu4KfkY.js → surface-DImNM7I1.js} +49 -46
  25. package/dist/surface-_J0t7c3m.cjs +1 -0
  26. package/dist/theme.cjs +1 -1
  27. package/dist/theme.mjs +52 -48
  28. package/dist/types/components/ui/GAlert/GAlert.vue.d.ts +2 -2
  29. package/dist/types/components/ui/GBadge/GBadge.vue.d.ts +4 -4
  30. package/dist/types/components/ui/GButton/GButton.vue.d.ts +2 -2
  31. package/dist/types/components/ui/GChip/GChip.vue.d.ts +1 -1
  32. package/dist/types/components/ui/GExpansion/GExpansion.vue.d.ts +5 -5
  33. package/dist/types/components/ui/GFAB/GFAB.vue.d.ts +3 -3
  34. package/dist/types/components/ui/GGradientMaterial/GGradientMaterial.vue.d.ts +2 -2
  35. package/dist/types/components/ui/GSnackbar/GSnackbar.vue.d.ts +2 -2
  36. package/dist/types/components/ui/GTable/GTable.vue.d.ts +7 -7
  37. package/dist/types/components/ui/GToggleButton/GToggleButton.vue.d.ts +3 -3
  38. package/dist/types/theme/default.d.ts +2 -1
  39. package/dist/types/theme/gradient.d.ts +1 -1
  40. package/dist/types/theme/index.d.ts +6 -6
  41. package/dist/types/use/actionSurface.d.ts +5 -1650
  42. package/dist/types/use/gradient.d.ts +4 -1653
  43. package/dist/types/use/gradientMaterial.d.ts +1 -1
  44. package/dist/types/use/material.d.ts +3 -2
  45. package/dist/types/use/materialSurface.d.ts +10 -4
  46. package/dist/types/use/surfaceColor.d.ts +2 -1
  47. package/dist/types/use/surfaceMaterial.d.ts +45 -0
  48. package/dist/use.cjs +1 -1
  49. package/dist/use.mjs +2 -2
  50. package/dist/useSnackbar-D60dFSV1.cjs +1 -0
  51. package/dist/useSnackbar-us11nXny.js +922 -0
  52. package/package.json +4 -2
  53. package/dist/GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs +0 -1
  54. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BS6bb1XY.cjs +0 -1
  55. package/dist/default-BhuY-A3o.cjs +0 -4
  56. package/dist/default-OTmCd0Aq.js +0 -131
  57. package/dist/material-Ca7ZZAiO.cjs +0 -194
  58. package/dist/material-okvXHenb.js +0 -1162
  59. package/dist/materialSurface-BBrP9ltj.js +0 -591
  60. package/dist/materialSurface-CK8LN_dU.cjs +0 -1
  61. package/dist/surface-8z3gR7vF.cjs +0 -1
  62. package/dist/types/theme/gradient/animation/css.d.ts +0 -12
  63. package/dist/types/theme/gradient/animation/index.d.ts +0 -1
  64. package/dist/types/theme/gradient/colorMath.d.ts +0 -3
  65. package/dist/types/theme/gradient/constants.d.ts +0 -3
  66. package/dist/types/theme/gradient/core.d.ts +0 -1
  67. package/dist/types/theme/gradient/effects/index.d.ts +0 -1
  68. package/dist/types/theme/gradient/effects/morph.d.ts +0 -5
  69. package/dist/types/theme/gradient/effects/shadow.d.ts +0 -3
  70. package/dist/types/theme/gradient/formatters/canvas.d.ts +0 -2
  71. package/dist/types/theme/gradient/formatters/css.d.ts +0 -3
  72. package/dist/types/theme/gradient/formatters/index.d.ts +0 -1
  73. package/dist/types/theme/gradient/formatters/svg.d.ts +0 -5
  74. package/dist/types/theme/gradient/index.d.ts +0 -1
  75. package/dist/types/theme/gradient/material.d.ts +0 -1
  76. package/dist/types/theme/gradient/model.d.ts +0 -5
  77. package/dist/types/theme/gradient/presets.d.ts +0 -158
  78. package/dist/types/theme/gradient/recipes.d.ts +0 -14
  79. package/dist/types/theme/gradient/tokens.d.ts +0 -72
  80. package/dist/types/theme/gradient/types.d.ts +0 -117
  81. package/dist/types/theme/gradient/utils.d.ts +0 -10
  82. package/dist/useSnackbar-BHQshEZ8.cjs +0 -1
  83. package/dist/useSnackbar-DeNHZH8v.js +0 -908
@@ -1,591 +0,0 @@
1
- import { defineComponent as U, openBlock as Y, createBlock as q, resolveDynamicComponent as z, normalizeClass as X, computed as i, inject as J, provide as Q, toRef as M, toValue as d, watch as Z, onBeforeUnmount as ee } from "vue";
2
- import { p as h, g as te, l as P, n as T, o as ae, j as $, c as A, r as D, b as ne, q as re, e as oe, h as ie, s as se, i as le, d as de, k as ce, a as ue } from "./surface-BKu4KfkY.js";
3
- import "@mdi/js";
4
- import { p as C, f as w, b as me, h as ge, C as fe } from "./camelToKebabCase-6qY6WHvl.js";
5
- import { u as he, D as ve } from "./default-OTmCd0Aq.js";
6
- import { createGradientMaterial as Se } from "@gradient-ui/gradient-engine";
7
- const we = /* @__PURE__ */ U({
8
- __name: "MdiIconSet",
9
- props: {
10
- icon: {},
11
- tag: {}
12
- },
13
- setup(e) {
14
- return (t, a) => (Y(), q(z(e.tag), {
15
- class: X(["mdi", `mdi-${e.icon}`]),
16
- "aria-hidden": "true"
17
- }, null, 8, ["class"]));
18
- }
19
- }), R = Symbol("gradient-icons"), p = {
20
- defaultSet: "mdi",
21
- aliases: {},
22
- sets: {
23
- mdi: {
24
- component: we
25
- }
26
- }
27
- };
28
- function L(e = {}) {
29
- return {
30
- defaultSet: e.defaultSet ?? p.defaultSet,
31
- aliases: {
32
- ...p.aliases,
33
- ...e.aliases ?? {}
34
- },
35
- sets: {
36
- ...p.sets,
37
- ...e.sets ?? {}
38
- }
39
- };
40
- }
41
- function ot(e = {}) {
42
- Q(R, L(e));
43
- }
44
- function it(e, t = {}) {
45
- e.provide(R, L(t));
46
- }
47
- function pe() {
48
- return J(R, p);
49
- }
50
- function st(e) {
51
- const t = pe();
52
- return i(() => {
53
- let a = e() ?? "";
54
- if (a.startsWith("$")) {
55
- const s = a.slice(1);
56
- a = t.aliases[s] ?? a;
57
- }
58
- const [r, n] = a.includes(":") ? a.split(":", 2) : [t.defaultSet, a], o = t.sets[r] ?? t.sets[t.defaultSet];
59
- return {
60
- icon: n ?? a,
61
- component: o.component
62
- };
63
- });
64
- }
65
- const ye = h({
66
- placement: {
67
- type: String,
68
- default: "bottom"
69
- }
70
- });
71
- function _e(e, t) {
72
- return i(() => `${t}_${e.placement}`);
73
- }
74
- const be = h({
75
- active: Boolean,
76
- ...P(),
77
- glow: [Boolean, Number, String],
78
- animateGlow: Boolean,
79
- shadow: Boolean,
80
- ...te()
81
- });
82
- function lt(e, t = "g-gradient") {
83
- const a = T(e, t), r = ae(e, t);
84
- return {
85
- glowClasses: i(() => ({
86
- [a.value]: !0,
87
- [r.value]: !0,
88
- [`${t}_active`]: e.active,
89
- [`${t}_glow`]: e.glow,
90
- [`${t}_animate-glow`]: e.animateGlow,
91
- [`${t}_shadow`]: e.shadow
92
- }))
93
- };
94
- }
95
- const Me = h({
96
- rootTag: {
97
- type: String,
98
- default: "div"
99
- },
100
- interactive: {
101
- type: Boolean,
102
- default: !0
103
- },
104
- borderRadius: {
105
- type: [Number, String],
106
- default: 4
107
- },
108
- inheritWidth: Boolean,
109
- surfaceFill: {
110
- type: String,
111
- default: "transparent"
112
- }
113
- });
114
- function dt(e) {
115
- const t = $(M(e, "borderRadius")), a = i(
116
- () => `g-gradient_surface-${e.surfaceFill}`
117
- );
118
- return {
119
- interactionClass: i(
120
- () => e.interactive ? "g-gradient_interactive" : ""
121
- ),
122
- surfaceBorderRadius: t,
123
- surfaceFillClass: a
124
- };
125
- }
126
- const $e = {
127
- action: "materialAction",
128
- surface: "materialSurface"
129
- }, Ce = "var(--g-token-elevation-2)", x = "none", y = "none", I = "none", Re = "#ffffff", Be = "#0d0d12", _ = Object.fromEntries(
130
- Object.entries(w).map(([e, t]) => [
131
- ge(e),
132
- t
133
- ])
134
- ), Ge = new Set(fe), k = {
135
- error: w.red,
136
- success: w.green,
137
- warning: w.orange
138
- }, ke = (e) => {
139
- if (e in _) return _[e];
140
- const t = e.match(/^(.+)-(\d+)$/);
141
- if (!t) return null;
142
- const [, a, r] = t, n = _[a], o = Number(r);
143
- return !n || !Ge.has(o) ? null : me(n)[o];
144
- }, Ee = (e, t) => e ? C(e) ? e : e === "primary" || e === "main" ? t : e in k ? k[e] : ke(e) : t, b = (e) => {
145
- const t = e / 255;
146
- return t <= 0.04045 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
147
- }, E = (e) => 0.2126 * b(e.r) + 0.7152 * b(e.g) + 0.0722 * b(e.b), Oe = (e, t) => {
148
- const a = E(e), r = E(t), n = Math.max(a, r), o = Math.min(a, r);
149
- return (n + 0.05) / (o + 0.05);
150
- }, Pe = (e) => {
151
- var u, c, f;
152
- const t = (u = e.gradient.stops) == null ? void 0 : u.map((m) => {
153
- const g = C(m.color);
154
- return g ? { color: g, position: m.position } : null;
155
- }).filter((m) => m !== null).sort((m, g) => m.position - g.position);
156
- if (!(t != null && t.length)) return null;
157
- const a = 50, r = t.findIndex(
158
- (m) => m.position >= a
159
- );
160
- if (r === -1) return ((c = t.at(-1)) == null ? void 0 : c.color) ?? null;
161
- if (r === 0) return ((f = t[0]) == null ? void 0 : f.color) ?? null;
162
- const n = t[r - 1], o = t[r], s = o.position - n.position, l = s ? (a - n.position) / s : 0;
163
- return {
164
- r: n.color.r + (o.color.r - n.color.r) * l,
165
- g: n.color.g + (o.color.g - n.color.g) * l,
166
- b: n.color.b + (o.color.b - n.color.b) * l
167
- };
168
- }, Te = (e, t) => {
169
- const a = Pe(e);
170
- if (!a) return t;
171
- const n = [Re, Be].map((o) => {
172
- const s = C(o);
173
- return s ? {
174
- color: o,
175
- contrast: Oe(s, a)
176
- } : null;
177
- }).filter(
178
- (o) => !!o
179
- ).sort(
180
- (o, s) => s.contrast - o.contrast
181
- )[0];
182
- return (n == null ? void 0 : n.color) ?? t;
183
- }, Ae = (e, t, a) => ({
184
- "--g-gradient-material-background": ne(e),
185
- "--g-gradient-material-color": D(e),
186
- "--g-gradient-material-foreground": A(e),
187
- "--g-gradient-material-shadow": t ? Ce : x,
188
- "--g-gradient-material-drop-shadow": y,
189
- "--g-gradient-material-filter": y,
190
- "--g-gradient-material-animation": a ? "var(--g-gradient-animation, none)" : I,
191
- "--g-gradient-current": "var(--g-gradient-material-background)",
192
- "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
193
- "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
194
- "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
195
- }), De = (e, t, a, r) => {
196
- var u, c, f, m, g, S, v;
197
- const n = (c = (u = e.effects) == null ? void 0 : u.boxShadow) == null ? void 0 : c.cssVar, o = (m = (f = e.effects) == null ? void 0 : f.dropShadow) == null ? void 0 : m.cssVar, s = (S = (g = e.effects) == null ? void 0 : g.morph) == null ? void 0 : S.cssVar, l = (v = e.animation) == null ? void 0 : v.cssVar;
198
- return {
199
- ...e.cssVars,
200
- "--g-gradient-material-background": `var(${e.gradient.cssVar})`,
201
- "--g-gradient-material-color": D(r),
202
- "--g-gradient-material-foreground": Te(
203
- e,
204
- A(r)
205
- ),
206
- "--g-gradient-material-shadow": t && n ? `var(${n})` : x,
207
- "--g-gradient-material-drop-shadow": t && o ? `var(${o})` : y,
208
- "--g-gradient-material-filter": t && s ? `var(${s})` : t && o ? `var(${o})` : y,
209
- "--g-gradient-material-animation": a && l ? `var(${l})` : I,
210
- "--g-gradient-current": "var(--g-gradient-material-background)",
211
- "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
212
- "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
213
- "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
214
- };
215
- }, N = (e = {}) => {
216
- const t = he(), a = i(() => d(e.kind) ?? "surface"), r = i(() => !!d(e.effects)), n = i(() => !!d(e.animations)), o = i(() => d(e.color)), s = i(
217
- () => Ee(
218
- o.value,
219
- (t == null ? void 0 : t.seed.value) ?? ve
220
- )
221
- ), l = i(() => {
222
- const c = s.value;
223
- return c ? Se(c, {
224
- ...d(e.options),
225
- animation: d(e.animation),
226
- animations: n.value,
227
- dropShadow: d(e.dropShadow),
228
- effects: r.value,
229
- morph: d(e.morph),
230
- recipe: d(e.recipe) ?? $e[a.value],
231
- shadow: d(e.shadow)
232
- }) : null;
233
- }), u = i(() => {
234
- const c = l.value;
235
- return c ? De(
236
- c,
237
- r.value,
238
- n.value,
239
- o.value
240
- ) : Ae(
241
- o.value,
242
- r.value,
243
- n.value
244
- );
245
- });
246
- return {
247
- gradientMaterial: l,
248
- gradientMaterialStyles: u
249
- };
250
- }, Le = h({
251
- ...P(),
252
- ...se(),
253
- ...ie(),
254
- ...ye({
255
- placement: "center"
256
- }),
257
- borderRadius: {
258
- type: [Number, String],
259
- default: 4
260
- },
261
- borderWidth: {
262
- type: [Number, String],
263
- default: 1
264
- },
265
- color: String,
266
- state: String,
267
- materialKind: {
268
- type: String,
269
- default: "action"
270
- },
271
- gradientRecipe: String
272
- }), xe = h({
273
- ...Le(),
274
- ...be(),
275
- ...Me()
276
- });
277
- function ct(e) {
278
- const t = $(M(e, "borderWidth")), a = $(M(e, "borderRadius")), r = i(() => t.value ? `calc(${a.value} + ${t.value})` : a.value), n = T(e, "g-gradient"), o = _e(e, "g-gradient"), s = re(e, "g-gradient"), l = oe(
279
- () => e.color ?? e.state
280
- ), u = i(() => Number(e.borderWidth) > 0), { gradientMaterial: c, gradientMaterialStyles: f } = N({
281
- color: () => e.color ?? e.state,
282
- kind: () => e.materialKind,
283
- recipe: () => e.gradientRecipe
284
- }), m = i(() => ({
285
- [n.value]: !0,
286
- [o.value]: !0,
287
- [s.value]: !0,
288
- "g-gradient_inherit-width": e.inheritWidth,
289
- [`g-gradient_${e.state}`]: e.state
290
- })), g = i(() => ({
291
- ...u.value ? f.value : { "--g-gradient-current": l.value },
292
- "--g-border-radius": a.value,
293
- "--g-border-width": t.value
294
- }));
295
- return {
296
- borderWidthPx: t,
297
- borderRadiusPx: a,
298
- containerBorderRadius: r,
299
- gradientMaterial: c,
300
- resolvedGradient: l,
301
- gradientClasses: m,
302
- gradientStyles: g
303
- };
304
- }
305
- const Ie = "data-gradient-engine-style", Ne = "data-gradient-engine-svg", Ve = /* @__PURE__ */ new Map(), Fe = /* @__PURE__ */ new Map(), B = () => typeof document < "u", V = (e, t, a) => {
306
- const r = e.get(t);
307
- if (r)
308
- return r.count += 1, () => {
309
- r.count -= 1, r.count <= 0 && (r.element.remove(), e.delete(t));
310
- };
311
- const n = a();
312
- return document.head.append(n), e.set(t, {
313
- count: 1,
314
- element: n
315
- }), () => {
316
- const o = e.get(t);
317
- o && (o.count -= 1, o.count <= 0 && (o.element.remove(), e.delete(t)));
318
- };
319
- }, We = (e, t) => !B() || !t.trim() ? () => {
320
- } : V(Ve, e, () => {
321
- const a = document.createElement("style");
322
- return a.setAttribute(Ie, e), a.textContent = t, a;
323
- }), je = (e, t) => !B() || !t.trim() ? () => {
324
- } : V(Fe, e, () => {
325
- const a = document.createElement("div");
326
- return a.setAttribute(Ne, e), a.style.position = "absolute", a.style.width = "0", a.style.height = "0", a.style.overflow = "hidden", a.innerHTML = t, a;
327
- }), He = (e) => {
328
- var r, n;
329
- if (!B())
330
- return {
331
- dispose: () => {
332
- },
333
- id: e.id
334
- };
335
- const t = We(e.id, e.cssText), a = (n = (r = e.effects) == null ? void 0 : r.morph) != null && n.svg ? je(`${e.id}-morph`, e.effects.morph.svg) : () => {
336
- };
337
- return {
338
- dispose: () => {
339
- a(), t();
340
- },
341
- id: e.id
342
- };
343
- }, Ke = (e = {}) => {
344
- let t = null;
345
- const a = i(() => !!d(e.enabled)), r = i(() => d(e.material) ?? null), n = i(
346
- () => {
347
- var l, u;
348
- return !!d(e.morph) && !!((u = (l = r.value) == null ? void 0 : l.morphBlobs) != null && u.length);
349
- }
350
- ), o = i(
351
- () => {
352
- var l;
353
- return n.value ? ((l = r.value) == null ? void 0 : l.morphBlobs) ?? [] : [];
354
- }
355
- ), s = () => {
356
- t == null || t.dispose(), t = null;
357
- };
358
- return Z(
359
- () => {
360
- var l;
361
- return [a.value, (l = r.value) == null ? void 0 : l.id];
362
- },
363
- () => {
364
- s(), a.value && r.value && (t = He(r.value));
365
- },
366
- {
367
- immediate: !0
368
- }
369
- ), ee(s), {
370
- morphBlobs: o,
371
- morphEnabled: n
372
- };
373
- }, Ue = (e = "g-material") => {
374
- const t = i(() => [`${e}__material-glow`]), a = i(() => [
375
- `${e}__material-glow-base`
376
- ]), r = i(() => [
377
- `${e}__material-glow-morph`
378
- ]), n = i(() => [
379
- `${e}__material-glow-morph-blob`
380
- ]), o = i(() => [
381
- `${e}__material-morph`
382
- ]), s = i(() => [
383
- `${e}__material-morph-blob`
384
- ]);
385
- return {
386
- materialContentClasses: i(() => [
387
- `${e}__material-content`
388
- ]),
389
- materialGlowBaseClasses: a,
390
- materialGlowClasses: t,
391
- materialGlowMorphBlobClasses: n,
392
- materialGlowMorphClasses: r,
393
- materialMorphBlobClasses: s,
394
- materialMorphClasses: o
395
- };
396
- }, Ye = h({
397
- materialKind: {
398
- type: String,
399
- default: "surface"
400
- },
401
- gradientRecipe: String,
402
- borderRadius: {
403
- type: [Number, String],
404
- default: 8
405
- },
406
- padding: {
407
- type: [Number, String],
408
- default: 0
409
- },
410
- shadow: Boolean,
411
- dropShadow: Boolean,
412
- morph: Boolean,
413
- animationOptions: Object,
414
- shadowOptions: Object,
415
- dropShadowOptions: Object,
416
- morphOptions: Object
417
- }), qe = (e) => typeof e == "number" ? `${e}ms` : e, ze = (e) => ({
418
- "--g-gradient-morph-blob-color": e.color,
419
- "--g-gradient-morph-x": `${e.dx}%`,
420
- "--g-gradient-morph-x2": `${e.dx2}%`,
421
- "--g-gradient-morph-y": `${e.dy}%`,
422
- "--g-gradient-morph-y2": `${e.dy2}%`,
423
- "--g-gradient-morph-origin-x": e.originX,
424
- "--g-gradient-morph-origin-y": e.originY,
425
- "--g-gradient-morph-animation": e.animationName,
426
- "--g-gradient-morph-blur": `${e.blur}px`,
427
- "--g-gradient-morph-opacity": e.opacity,
428
- "--g-gradient-morph-rotate-mid": `${e.rotateMid}deg`,
429
- "--g-gradient-morph-rotate-to": `${e.rotateTo}deg`,
430
- "--g-gradient-morph-scale-mid": e.scaleMid,
431
- "--g-gradient-morph-scale": e.scaleTo,
432
- animationDelay: `${e.delay}ms`,
433
- animationDuration: qe(e.duration),
434
- left: `${e.x}%`,
435
- top: `${e.y}%`,
436
- width: `${e.size}%`
437
- }), Xe = (e) => typeof e == "object" ? e : e ? {} : void 0, O = (e) => e == null ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, Je = (e = {}) => {
438
- const t = i(() => e.baseClass ?? "g-material"), {
439
- materialContentClasses: a,
440
- materialGlowBaseClasses: r,
441
- materialGlowClasses: n,
442
- materialGlowMorphBlobClasses: o,
443
- materialGlowMorphClasses: s,
444
- materialMorphBlobClasses: l,
445
- materialMorphClasses: u
446
- } = Ue(t.value), c = i(() => O(d(e.borderRadius))), f = i(() => O(d(e.padding))), m = i(
447
- () => Xe(d(e.morph))
448
- ), g = i(() => !!m.value), S = i(
449
- () => !!(d(e.effects) || d(e.shadow) || d(e.dropShadow) || g.value)
450
- ), v = i(() => !!d(e.animations)), { gradientMaterial: G, gradientMaterialStyles: F } = N({
451
- color: () => d(e.color) ?? d(e.state),
452
- kind: () => d(e.kind),
453
- recipe: () => d(e.recipe),
454
- effects: S,
455
- animations: v,
456
- shadow: () => d(e.shadow),
457
- dropShadow: () => d(e.dropShadow),
458
- animation: () => d(e.animation),
459
- morph: m
460
- }), { morphBlobs: W, morphEnabled: j } = Ke({
461
- enabled: () => !!(v.value || g.value),
462
- material: G,
463
- morph: g
464
- }), H = i(() => [`${t.value}_surface`]), K = i(() => ({
465
- ...F.value,
466
- "--g-gradient-material-radius": c.value,
467
- "--g-gradient-material-padding": f.value
468
- }));
469
- return {
470
- getMorphBlobStyle: ze,
471
- gradientMaterial: G,
472
- materialClasses: H,
473
- materialContentClasses: a,
474
- materialGlowBaseClasses: r,
475
- materialGlowClasses: n,
476
- materialGlowMorphBlobClasses: o,
477
- materialGlowMorphClasses: s,
478
- materialMorphBlobClasses: l,
479
- materialMorphClasses: u,
480
- materialStyles: K,
481
- morphBlobs: W,
482
- morphEnabled: j
483
- };
484
- }, ut = h({
485
- tag: String,
486
- href: String,
487
- target: String,
488
- rel: String
489
- });
490
- function Qe(e) {
491
- const t = i(() => !!e.href && !e.disabled), a = i(
492
- () => t.value ? {
493
- href: e.href,
494
- target: e.target,
495
- rel: e.rel ?? (e.target === "_blank" ? "noopener noreferrer" : void 0)
496
- } : {}
497
- );
498
- return {
499
- isLink: t,
500
- linkAttrs: a
501
- };
502
- }
503
- function mt(e, t) {
504
- const { isLink: a, linkAttrs: r } = Qe(e), n = i(
505
- () => e.tag ?? (a.value ? "a" : t)
506
- ), o = i(() => n.value === "a" && a.value), s = i(
507
- () => o.value ? r.value : {
508
- type: n.value === "button" ? "button" : void 0,
509
- disabled: n.value === "button" ? e.disabled : void 0
510
- }
511
- );
512
- return {
513
- tagName: n,
514
- tagAttrs: s
515
- };
516
- }
517
- const gt = h({
518
- ...Ye(),
519
- ...ue(),
520
- ...xe({
521
- borderWidth: void 0,
522
- borderRadius: void 0,
523
- interactive: !1
524
- })
525
- }), ft = (e, t, a = {}) => {
526
- const { colorStyles: r, resolvedColor: n, resolvedState: o } = le(e), { glassStyles: s } = de(e), l = Je({
527
- baseClass: t,
528
- color: n,
529
- state: o,
530
- kind: a.kind ?? "surface",
531
- recipe: () => e.gradientRecipe,
532
- effects: () => !!(e.variant === "gradient" || e.shadow || e.dropShadow || e.shadowOptions || e.dropShadowOptions || e.morph || e.morphOptions),
533
- animations: () => !!e.animationOptions,
534
- shadow: () => e.shadowOptions,
535
- dropShadow: () => e.dropShadowOptions,
536
- animation: () => e.animationOptions,
537
- morph: () => e.morphOptions ?? e.morph
538
- }), u = i(() => ({
539
- ...r.value,
540
- ...l.materialStyles.value,
541
- ...s.value
542
- })), c = i(() => ({
543
- animateGlow: e.animateGlow,
544
- borderRadius: e.borderRadius,
545
- borderWidth: e.borderWidth ?? (e.glow || e.animateGlow || e.variant === "outlined" || e.variant === "glass" ? 1 : 0),
546
- color: n.value,
547
- glow: e.glow,
548
- gradientRecipe: e.gradientRecipe,
549
- inheritWidth: !0,
550
- interactive: !1,
551
- placement: e.placement,
552
- rounded: !1,
553
- // The material owns elevation; the frame only owns the real border/glow.
554
- shadow: !1,
555
- state: o.value,
556
- surfaceFill: "transparent"
557
- }));
558
- return {
559
- ...l,
560
- ...ce(t),
561
- resolvedColor: n,
562
- resolvedState: o,
563
- materialFrameProps: c,
564
- surfaceStyles: u
565
- };
566
- };
567
- export {
568
- gt as a,
569
- ut as b,
570
- L as c,
571
- We as d,
572
- He as e,
573
- je as f,
574
- N as g,
575
- Ke as h,
576
- it as i,
577
- st as j,
578
- pe as k,
579
- Je as l,
580
- Ye as m,
581
- Ue as n,
582
- ft as o,
583
- ot as p,
584
- mt as q,
585
- ct as r,
586
- lt as s,
587
- dt as t,
588
- Qe as u,
589
- xe as v,
590
- be as w
591
- };
@@ -1 +0,0 @@
1
- "use strict";const a=require("vue"),s=require("./surface-8z3gR7vF.cjs");require("@mdi/js");const f=require("./camelToKebabCase-BQDotaQm.cjs"),V=require("./default-BhuY-A3o.cjs"),X=require("@gradient-ui/gradient-engine"),J=a.defineComponent({__name:"MdiIconSet",props:{icon:{},tag:{}},setup(e){return(t,r)=>(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.tag),{class:a.normalizeClass(["mdi",`mdi-${e.icon}`]),"aria-hidden":"true"},null,8,["class"]))}}),G=Symbol("gradient-icons"),S={defaultSet:"mdi",aliases:{},sets:{mdi:{component:J}}};function C(e={}){return{defaultSet:e.defaultSet??S.defaultSet,aliases:{...S.aliases,...e.aliases??{}},sets:{...S.sets,...e.sets??{}}}}function Q(e={}){a.provide(G,C(e))}function Z(e,t={}){e.provide(G,C(t))}function B(){return a.inject(G,S)}function ee(e){const t=B();return a.computed(()=>{let r=e()??"";if(r.startsWith("$")){const l=r.slice(1);r=t.aliases[l]??r}const[o,n]=r.includes(":")?r.split(":",2):[t.defaultSet,r],i=t.sets[o]??t.sets[t.defaultSet];return{icon:n??r,component:i.component}})}const te=s.propsFactory({placement:{type:String,default:"bottom"}});function ae(e,t){return a.computed(()=>`${t}_${e.placement}`)}const O=s.propsFactory({active:Boolean,...s.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...s.makeStateProps()});function re(e,t="g-gradient"){const r=s.useDisabled(e,t),o=s.useState(e,t);return{glowClasses:a.computed(()=>({[r.value]:!0,[o.value]:!0,[`${t}_active`]:e.active,[`${t}_glow`]:e.glow,[`${t}_animate-glow`]:e.animateGlow,[`${t}_shadow`]:e.shadow}))}}const ne=s.propsFactory({rootTag:{type:String,default:"div"},interactive:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean,surfaceFill:{type:String,default:"transparent"}});function oe(e){const t=s.usePx(a.toRef(e,"borderRadius")),r=a.computed(()=>`g-gradient_surface-${e.surfaceFill}`);return{interactionClass:a.computed(()=>e.interactive?"g-gradient_interactive":""),surfaceBorderRadius:t,surfaceFillClass:r}}const ie={action:"materialAction",surface:"materialSurface"},se="var(--g-token-elevation-2)",P="none",w="none",T="none",le="#ffffff",de="#0d0d12",y=Object.fromEntries(Object.entries(f.COLOR_SEEDS).map(([e,t])=>[f.camelToKebabCase(e),t])),ce=new Set(f.COLOR_SHADES),k={error:f.COLOR_SEEDS.red,success:f.COLOR_SEEDS.green,warning:f.COLOR_SEEDS.orange},ue=e=>{if(e in y)return y[e];const t=e.match(/^(.+)-(\d+)$/);if(!t)return null;const[,r,o]=t,n=y[r],i=Number(o);return!n||!ce.has(i)?null:f.createPalette(n)[i]},me=(e,t)=>e?f.parseColor(e)?e:e==="primary"||e==="main"?t:e in k?k[e]:ue(e):t,_=e=>{const t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4},$=e=>.2126*_(e.r)+.7152*_(e.g)+.0722*_(e.b),ge=(e,t)=>{const r=$(e),o=$(t),n=Math.max(r,o),i=Math.min(r,o);return(n+.05)/(i+.05)},fe=e=>{var u,c,h;const t=(u=e.gradient.stops)==null?void 0:u.map(m=>{const g=f.parseColor(m.color);return g?{color:g,position:m.position}:null}).filter(m=>m!==null).sort((m,g)=>m.position-g.position);if(!(t!=null&&t.length))return null;const r=50,o=t.findIndex(m=>m.position>=r);if(o===-1)return((c=t.at(-1))==null?void 0:c.color)??null;if(o===0)return((h=t[0])==null?void 0:h.color)??null;const n=t[o-1],i=t[o],l=i.position-n.position,d=l?(r-n.position)/l:0;return{r:n.color.r+(i.color.r-n.color.r)*d,g:n.color.g+(i.color.g-n.color.g)*d,b:n.color.b+(i.color.b-n.color.b)*d}},he=(e,t)=>{const r=fe(e);if(!r)return t;const n=[le,de].map(i=>{const l=f.parseColor(i);return l?{color:i,contrast:ge(l,r)}:null}).filter(i=>!!i).sort((i,l)=>l.contrast-i.contrast)[0];return(n==null?void 0:n.color)??t},ve=(e,t,r)=>({"--g-gradient-material-background":s.resolveGradientValue(e),"--g-gradient-material-color":s.resolveColorValue(e),"--g-gradient-material-foreground":s.resolveOnColorValue(e),"--g-gradient-material-shadow":t?se:P,"--g-gradient-material-drop-shadow":w,"--g-gradient-material-filter":w,"--g-gradient-material-animation":r?"var(--g-gradient-animation, none)":T,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}),pe=(e,t,r,o)=>{var u,c,h,m,g,p,v;const n=(c=(u=e.effects)==null?void 0:u.boxShadow)==null?void 0:c.cssVar,i=(m=(h=e.effects)==null?void 0:h.dropShadow)==null?void 0:m.cssVar,l=(p=(g=e.effects)==null?void 0:g.morph)==null?void 0:p.cssVar,d=(v=e.animation)==null?void 0:v.cssVar;return{...e.cssVars,"--g-gradient-material-background":`var(${e.gradient.cssVar})`,"--g-gradient-material-color":s.resolveColorValue(o),"--g-gradient-material-foreground":he(e,s.resolveOnColorValue(o)),"--g-gradient-material-shadow":t&&n?`var(${n})`:P,"--g-gradient-material-drop-shadow":t&&i?`var(${i})`:w,"--g-gradient-material-filter":t&&l?`var(${l})`:t&&i?`var(${i})`:w,"--g-gradient-material-animation":r&&d?`var(${d})`:T,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}},M=(e={})=>{const t=V.useTheme(),r=a.computed(()=>a.toValue(e.kind)??"surface"),o=a.computed(()=>!!a.toValue(e.effects)),n=a.computed(()=>!!a.toValue(e.animations)),i=a.computed(()=>a.toValue(e.color)),l=a.computed(()=>me(i.value,(t==null?void 0:t.seed.value)??V.DEFAULT_SEED)),d=a.computed(()=>{const c=l.value;return c?X.createGradientMaterial(c,{...a.toValue(e.options),animation:a.toValue(e.animation),animations:n.value,dropShadow:a.toValue(e.dropShadow),effects:o.value,morph:a.toValue(e.morph),recipe:a.toValue(e.recipe)??ie[r.value],shadow:a.toValue(e.shadow)}):null}),u=a.computed(()=>{const c=d.value;return c?pe(c,o.value,n.value,i.value):ve(i.value,o.value,n.value)});return{gradientMaterial:d,gradientMaterialStyles:u}},Se=s.propsFactory({...s.makeDisabledProps(),...s.makeVariantProps(),...s.makeRoundedProps(),...te({placement:"center"}),borderRadius:{type:[Number,String],default:4},borderWidth:{type:[Number,String],default:1},color:String,state:String,materialKind:{type:String,default:"action"},gradientRecipe:String}),L=s.propsFactory({...Se(),...O(),...ne()});function we(e){const t=s.usePx(a.toRef(e,"borderWidth")),r=s.usePx(a.toRef(e,"borderRadius")),o=a.computed(()=>t.value?`calc(${r.value} + ${t.value})`:r.value),n=s.useDisabled(e,"g-gradient"),i=ae(e,"g-gradient"),l=s.useRounded(e,"g-gradient"),d=s.useResolveGradientValue(()=>e.color??e.state),u=a.computed(()=>Number(e.borderWidth)>0),{gradientMaterial:c,gradientMaterialStyles:h}=M({color:()=>e.color??e.state,kind:()=>e.materialKind,recipe:()=>e.gradientRecipe}),m=a.computed(()=>({[n.value]:!0,[i.value]:!0,[l.value]:!0,"g-gradient_inherit-width":e.inheritWidth,[`g-gradient_${e.state}`]:e.state})),g=a.computed(()=>({...u.value?h.value:{"--g-gradient-current":d.value},"--g-border-radius":r.value,"--g-border-width":t.value}));return{borderWidthPx:t,borderRadiusPx:r,containerBorderRadius:o,gradientMaterial:c,resolvedGradient:d,gradientClasses:m,gradientStyles:g}}const ye="data-gradient-engine-style",_e="data-gradient-engine-svg",Ge=new Map,Ce=new Map,R=()=>typeof document<"u",A=(e,t,r)=>{const o=e.get(t);if(o)return o.count+=1,()=>{o.count-=1,o.count<=0&&(o.element.remove(),e.delete(t))};const n=r();return document.head.append(n),e.set(t,{count:1,element:n}),()=>{const i=e.get(t);i&&(i.count-=1,i.count<=0&&(i.element.remove(),e.delete(t)))}},D=(e,t)=>!R()||!t.trim()?()=>{}:A(Ge,e,()=>{const r=document.createElement("style");return r.setAttribute(ye,e),r.textContent=t,r}),I=(e,t)=>!R()||!t.trim()?()=>{}:A(Ce,e,()=>{const r=document.createElement("div");return r.setAttribute(_e,e),r.style.position="absolute",r.style.width="0",r.style.height="0",r.style.overflow="hidden",r.innerHTML=t,r}),x=e=>{var o,n;if(!R())return{dispose:()=>{},id:e.id};const t=D(e.id,e.cssText),r=(n=(o=e.effects)==null?void 0:o.morph)!=null&&n.svg?I(`${e.id}-morph`,e.effects.morph.svg):()=>{};return{dispose:()=>{r(),t()},id:e.id}},N=(e={})=>{let t=null;const r=a.computed(()=>!!a.toValue(e.enabled)),o=a.computed(()=>a.toValue(e.material)??null),n=a.computed(()=>{var d,u;return!!a.toValue(e.morph)&&!!((u=(d=o.value)==null?void 0:d.morphBlobs)!=null&&u.length)}),i=a.computed(()=>{var d;return n.value?((d=o.value)==null?void 0:d.morphBlobs)??[]:[]}),l=()=>{t==null||t.dispose(),t=null};return a.watch(()=>{var d;return[r.value,(d=o.value)==null?void 0:d.id]},()=>{l(),r.value&&o.value&&(t=x(o.value))},{immediate:!0}),a.onBeforeUnmount(l),{morphBlobs:i,morphEnabled:n}},F=(e="g-material")=>{const t=a.computed(()=>[`${e}__material-glow`]),r=a.computed(()=>[`${e}__material-glow-base`]),o=a.computed(()=>[`${e}__material-glow-morph`]),n=a.computed(()=>[`${e}__material-glow-morph-blob`]),i=a.computed(()=>[`${e}__material-morph`]),l=a.computed(()=>[`${e}__material-morph-blob`]);return{materialContentClasses:a.computed(()=>[`${e}__material-content`]),materialGlowBaseClasses:r,materialGlowClasses:t,materialGlowMorphBlobClasses:n,materialGlowMorphClasses:o,materialMorphBlobClasses:l,materialMorphClasses:i}},W=s.propsFactory({materialKind:{type:String,default:"surface"},gradientRecipe:String,borderRadius:{type:[Number,String],default:8},padding:{type:[Number,String],default:0},shadow:Boolean,dropShadow:Boolean,morph:Boolean,animationOptions:Object,shadowOptions:Object,dropShadowOptions:Object,morphOptions:Object}),Me=e=>typeof e=="number"?`${e}ms`:e,Re=e=>({"--g-gradient-morph-blob-color":e.color,"--g-gradient-morph-x":`${e.dx}%`,"--g-gradient-morph-x2":`${e.dx2}%`,"--g-gradient-morph-y":`${e.dy}%`,"--g-gradient-morph-y2":`${e.dy2}%`,"--g-gradient-morph-origin-x":e.originX,"--g-gradient-morph-origin-y":e.originY,"--g-gradient-morph-animation":e.animationName,"--g-gradient-morph-blur":`${e.blur}px`,"--g-gradient-morph-opacity":e.opacity,"--g-gradient-morph-rotate-mid":`${e.rotateMid}deg`,"--g-gradient-morph-rotate-to":`${e.rotateTo}deg`,"--g-gradient-morph-scale-mid":e.scaleMid,"--g-gradient-morph-scale":e.scaleTo,animationDelay:`${e.delay}ms`,animationDuration:Me(e.duration),left:`${e.x}%`,top:`${e.y}%`,width:`${e.size}%`}),be=e=>typeof e=="object"?e:e?{}:void 0,E=e=>e==null?"":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,j=(e={})=>{const t=a.computed(()=>e.baseClass??"g-material"),{materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:l,materialMorphBlobClasses:d,materialMorphClasses:u}=F(t.value),c=a.computed(()=>E(a.toValue(e.borderRadius))),h=a.computed(()=>E(a.toValue(e.padding))),m=a.computed(()=>be(a.toValue(e.morph))),g=a.computed(()=>!!m.value),p=a.computed(()=>!!(a.toValue(e.effects)||a.toValue(e.shadow)||a.toValue(e.dropShadow)||g.value)),v=a.computed(()=>!!a.toValue(e.animations)),{gradientMaterial:b,gradientMaterialStyles:q}=M({color:()=>a.toValue(e.color)??a.toValue(e.state),kind:()=>a.toValue(e.kind),recipe:()=>a.toValue(e.recipe),effects:p,animations:v,shadow:()=>a.toValue(e.shadow),dropShadow:()=>a.toValue(e.dropShadow),animation:()=>a.toValue(e.animation),morph:m}),{morphBlobs:H,morphEnabled:U}=N({enabled:()=>!!(v.value||g.value),material:b,morph:g}),Y=a.computed(()=>[`${t.value}_surface`]),z=a.computed(()=>({...q.value,"--g-gradient-material-radius":c.value,"--g-gradient-material-padding":h.value}));return{getMorphBlobStyle:Re,gradientMaterial:b,materialClasses:Y,materialContentClasses:r,materialGlowBaseClasses:o,materialGlowClasses:n,materialGlowMorphBlobClasses:i,materialGlowMorphClasses:l,materialMorphBlobClasses:d,materialMorphClasses:u,materialStyles:z,morphBlobs:H,morphEnabled:U}},Ve=s.propsFactory({tag:String,href:String,target:String,rel:String});function K(e){const t=a.computed(()=>!!e.href&&!e.disabled),r=a.computed(()=>t.value?{href:e.href,target:e.target,rel:e.rel??(e.target==="_blank"?"noopener noreferrer":void 0)}:{});return{isLink:t,linkAttrs:r}}function ke(e,t){const{isLink:r,linkAttrs:o}=K(e),n=a.computed(()=>e.tag??(r.value?"a":t)),i=a.computed(()=>n.value==="a"&&r.value),l=a.computed(()=>i.value?o.value:{type:n.value==="button"?"button":void 0,disabled:n.value==="button"?e.disabled:void 0});return{tagName:n,tagAttrs:l}}const $e=s.propsFactory({...W(),...s.makeGlassProps(),...L({borderWidth:void 0,borderRadius:void 0,interactive:!1})}),Ee=(e,t,r={})=>{const{colorStyles:o,resolvedColor:n,resolvedState:i}=s.useSurfaceColor(e),{glassStyles:l}=s.useGlass(e),d=j({baseClass:t,color:n,state:i,kind:r.kind??"surface",recipe:()=>e.gradientRecipe,effects:()=>!!(e.variant==="gradient"||e.shadow||e.dropShadow||e.shadowOptions||e.dropShadowOptions||e.morph||e.morphOptions),animations:()=>!!e.animationOptions,shadow:()=>e.shadowOptions,dropShadow:()=>e.dropShadowOptions,animation:()=>e.animationOptions,morph:()=>e.morphOptions??e.morph}),u=a.computed(()=>({...o.value,...d.materialStyles.value,...l.value})),c=a.computed(()=>({animateGlow:e.animateGlow,borderRadius:e.borderRadius,borderWidth:e.borderWidth??(e.glow||e.animateGlow||e.variant==="outlined"||e.variant==="glass"?1:0),color:n.value,glow:e.glow,gradientRecipe:e.gradientRecipe,inheritWidth:!0,interactive:!1,placement:e.placement,rounded:!1,shadow:!1,state:i.value,surfaceFill:"transparent"}));return{...d,...s.useSurfaceLayers(t),resolvedColor:n,resolvedState:i,materialFrameProps:c,surfaceStyles:u}};exports.createIcons=C;exports.installIcons=Z;exports.makeGradientGlowProps=O;exports.makeGradientProps=L;exports.makeMaterialProps=W;exports.makeMaterialSurfaceProps=$e;exports.makeTagNameProps=Ve;exports.mountGradientCss=D;exports.mountGradientMaterial=x;exports.mountGradientSvg=I;exports.provideIcons=Q;exports.useAsLink=K;exports.useGradient=we;exports.useGradientGlow=re;exports.useGradientMaterial=M;exports.useGradientRuntime=N;exports.useGradientSurface=oe;exports.useIcon=ee;exports.useIcons=B;exports.useMaterial=j;exports.useMaterialLayers=F;exports.useMaterialSurface=Ee;exports.useTagName=ke;
@@ -1 +0,0 @@
1
- "use strict";const t=require("vue"),c=require("./camelToKebabCase-BQDotaQm.cjs"),D=require("@gradient-ui/gradient-engine");function u(e,r){return o=>{const s={};for(const n in e){const a=typeof e[n]=="object"&&e[n]!==null&&!Array.isArray(e[n])?{...e[n]}:{type:e[n]};o&&n in o&&(a.default=o[n]),r&&!a.source&&(a.source=r),s[n]=a}return s}}const m=u({disabled:Boolean});function C(e,r){return t.computed(()=>e.disabled?`${r}_disabled`:"")}const S=u({rounded:Boolean});function y(e,r){return t.computed(()=>e.rounded?`${r}_rounded`:"")}const p=["primary","main","error","warning","success","surface","on-surface"],k=e=>{const r=f(e);return r?r.color:e?c.parseColor(e)||b(e)?e:P(e)?`rgb(var(--g-color-${e}))`:e:l.primary.color},_=e=>{const r=f(e);return r?r.onColor:e?c.parseColor(e)?c.getContrastingColor(e):P(e)?`rgb(var(--g-color-on-${e}))`:l.primary.onColor:l.primary.onColor},$=e=>{if(!e)return l.primary.gradient;const r=f(e);return r?r.gradient:c.parseColor(e)?D.createGradientFromColor(e):e.includes("gradient(")||e.startsWith("var(")?e:`var(--g-gradient-${e}, var(--g-gradient-main))`},O=e=>t.computed(()=>$(t.toValue(e))),g=(e,r)=>({color:`rgb(var(--g-color-${e}-${r}))`,onColor:`rgb(var(--g-color-on-${e}-${r}))`,gradient:`var(--g-gradient-${e}-${r})`}),l={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-500)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-500)"}},v=new Set(["source",...Object.keys(c.COLOR_SEEDS).map(c.camelToKebabCase)]),G=new Set(c.COLOR_SHADES),B=new Set(p),I=new Set(["transparent","currentColor","currentcolor","inherit","initial","revert","unset","black","white"]),K=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/,N=e=>B.has(e),b=e=>I.has(e),P=e=>K.test(e)&&!b(e),j=e=>{if(v.has(e))return g(e,500);const r=e.match(/^(.+)-(\d+)$/);if(!r||!v.has(r[1]))return null;const o=Number(r[2]);return G.has(o)?g(r[1],o):null},f=e=>e?N(e)?l[e]:j(e):l.primary,V=u({color:{type:String,default:"primary"}});function x(e){return{colorStyles:t.computed(()=>{const o=t.toValue(e.color);return{"--g-color":k(o),"--g-on-color":_(o),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function E(e){const r=t.computed(()=>{const a=t.toValue(e.activeState);return t.toValue(e.active)&&a!==void 0?a:t.toValue(e.state)}),o=t.computed(()=>{const a=r.value;if(a)return a;const d=t.toValue(e.activeColor);return t.toValue(e.active)&&d!==void 0?d:t.toValue(e.color)}),{colorStyles:s}=x({color:o}),n=O(o),i=t.computed(()=>({...s.value,"--g-gradient-current":n.value}));return{resolvedColor:o,resolvedState:r,resolvedGradient:n,colorStyles:s,surfaceColorStyles:s,gradientStyles:i}}const F=e=>t.computed(()=>{const r=t.toValue(e);return r===""||r===null||r===void 0?"":typeof r=="number"?`${r}px`:/^\d+(\.\d+)?$/.test(r)?`${r}px`:r}),T=u({variant:{type:String,default:"default"}});function R(e,r){return t.computed(()=>`${r}_${e.variant}`)}const A=u({state:String});function h(e,r){return t.computed(()=>e.state?`${r}_${e.state}`:"")}const L=u({backdropBlur:{type:[Number,String],default:6}}),q=e=>e===void 0?"6px":typeof e=="number"?`${e}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,z=e=>{const r=t.computed(()=>q(t.toValue(e.backdropBlur))),o=t.computed(()=>({"--g-glass-backdrop-blur":r.value}));return{backdropBlur:r,glassStyles:o}},M=u({texture:{type:String,default:"none"}}),U=u({...T(),...V(),...m(),...S(),...A(),...L(),...M()});function H(e,r){const o=R(e,r),s=C(e,r),n=y(e,r),i=h(e,r),a=t.computed(()=>e.texture&&e.texture!=="none"?`${r}_texture-${e.texture}`:""),{colorStyles:d}=E(e),w=t.computed(()=>[o.value,s.value,n.value,i.value,a.value].filter(Boolean));return{variantClass:o,disabledClass:s,roundedClass:n,stateClass:i,textureClass:a,surfaceStyles:d,surfaceClasses:w}}function W(e){return{surfaceUnderlayClasses:t.computed(()=>[`${e}__surface-underlay`])}}function Y(e){return{surfaceOverlayClasses:t.computed(()=>[`${e}__surface-overlay`])}}function J(e){return{surfaceTextureClasses:t.computed(()=>[`${e}__surface-texture`])}}function Q(e){const r=t.computed(()=>[`${e}__surface-material-morph`]);return{surfaceMaterialMorphBlobClasses:t.computed(()=>[`${e}__surface-material-morph-blob`]),surfaceMaterialMorphClasses:r}}function X(e){return{surfaceContentClasses:t.computed(()=>[`${e}__surface-content`])}}function Z(e){return{...Q(e),...W(e),...Y(e),...J(e),...X(e)}}exports.SEMANTIC_COLORS=p;exports.makeColorProps=V;exports.makeDisabledProps=m;exports.makeGlassProps=L;exports.makeRoundedProps=S;exports.makeStateProps=A;exports.makeSurfaceProps=U;exports.makeSurfaceTextureProps=M;exports.makeVariantProps=T;exports.propsFactory=u;exports.resolveColorValue=k;exports.resolveGradientValue=$;exports.resolveOnColorValue=_;exports.useColor=x;exports.useDisabled=C;exports.useGlass=z;exports.usePx=F;exports.useResolveGradientValue=O;exports.useRounded=y;exports.useState=h;exports.useSurface=H;exports.useSurfaceColor=E;exports.useSurfaceLayers=Z;exports.useVariant=R;
@@ -1,12 +0,0 @@
1
- import type { GradientAnimationOptions } from '../types';
2
- export declare const getGradientAnimationOptions: (options?: GradientAnimationOptions) => {
3
- duration: string;
4
- easing: string;
5
- name: string;
6
- preset: import("../types").GradientAnimationPreset;
7
- selector: string;
8
- };
9
- export declare const toGradientAnimationKeyframes: (options?: GradientAnimationOptions) => string;
10
- export declare const toGradientAnimationValue: (options?: GradientAnimationOptions) => string;
11
- export declare const toGradientAnimationStyles: (options?: GradientAnimationOptions) => string;
12
- export declare const toGradientAnimationCSS: (options?: GradientAnimationOptions) => string;
@@ -1 +0,0 @@
1
- export * from '@gradient-ui/gradient-engine/animation';
@@ -1,3 +0,0 @@
1
- export declare const changeTone: (hex: string, tone: number) => string;
2
- export declare const shiftHue: (hex: string, hueShift: number, tone: number, chromaMultiplier?: number) => string;
3
- export declare const getComplementaryColor: (hex: string) => string;
@@ -1,3 +0,0 @@
1
- export declare const DEFAULT_GRADIENT_DIRECTION = 135;
2
- export declare const DEFAULT_GRADIENT_POSITION = "center";
3
- export declare const DEFAULT_GRADIENT_SIZE = "farthest-corner";
@@ -1 +0,0 @@
1
- export * from '@gradient-ui/gradient-engine/core';
@@ -1 +0,0 @@
1
- export * from '@gradient-ui/gradient-engine/effects';
@@ -1,5 +0,0 @@
1
- import type { GradientModel, GradientMorphBlob, GradientMorphOptions } from '../types';
2
- export declare const createGradientMorphBlobs: (model: GradientModel, options?: GradientMorphOptions) => GradientMorphBlob[];
3
- export declare const toGradientMorphFilter: (options?: GradientMorphOptions) => string;
4
- export declare const toGradientMorphFilterMarkup: (options?: GradientMorphOptions) => string;
5
- export declare const toGradientMorphCSS: (model: GradientModel, options?: GradientMorphOptions) => string;
@@ -1,3 +0,0 @@
1
- import type { GradientModel, GradientShadowOptions } from '../types';
2
- export declare const toGradientBoxShadow: (model: GradientModel, options?: GradientShadowOptions) => string;
3
- export declare const toGradientDropShadow: (model: GradientModel, options?: GradientShadowOptions) => string;
@@ -1,2 +0,0 @@
1
- import type { CanvasGradientOptions, GradientModel } from '../types';
2
- export declare const toCanvasGradient: (context: CanvasRenderingContext2D, model: GradientModel, options?: CanvasGradientOptions) => CanvasGradient;