@gradient-ui/core 0.5.0-rc.0 → 0.8.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 (151) 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-BbVYszn2.js} +90 -88
  3. package/dist/GLoading.vue_vue_type_style_index_0_lang-DW5X0giH.cjs +1 -0
  4. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BPwF9Kug.js +8734 -0
  5. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-C45EmRhx.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 +73 -65
  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-DVHKm06w.cjs +1 -0
  14. package/dist/index-DeFv4BdJ.js +418 -0
  15. package/dist/index.cjs +1 -1
  16. package/dist/index.mjs +197 -173
  17. package/dist/{mask-CZX-I_iy.js → mask-669nMf98.js} +2 -2
  18. package/dist/{mask-BbofdFd4.cjs → mask-Bh_UkcCe.cjs} +1 -1
  19. package/dist/materialSurface-BbFTyJuA.js +634 -0
  20. package/dist/materialSurface-DOfA2E9c.cjs +1 -0
  21. package/dist/scheme-CZ0a0X5e.cjs +299 -0
  22. package/dist/scheme-Dqwdqg6N.js +1405 -0
  23. package/dist/services.cjs +1 -1
  24. package/dist/services.mjs +1 -1
  25. package/dist/style.css +1 -1
  26. package/dist/{surface-BKu4KfkY.js → surface-C3w1Rz6V.js} +50 -47
  27. package/dist/surface-DB9flb-h.cjs +1 -0
  28. package/dist/theme.cjs +1 -1
  29. package/dist/theme.mjs +52 -48
  30. package/dist/types/components/index.d.ts +10 -0
  31. package/dist/types/components/ui/GAlert/GAlert.vue.d.ts +3 -3
  32. package/dist/types/components/ui/GAvatar/GAvatar.vue.d.ts +873 -0
  33. package/dist/types/components/ui/GAvatar/GAvatarGroup.vue.d.ts +194 -0
  34. package/dist/types/components/ui/GAvatar/index.d.ts +3 -0
  35. package/dist/types/components/ui/GAvatar/types.d.ts +585 -0
  36. package/dist/types/components/ui/GBadge/GBadge.vue.d.ts +5 -5
  37. package/dist/types/components/ui/GButton/GButton.vue.d.ts +3 -3
  38. package/dist/types/components/ui/GCard/GCard.vue.d.ts +949 -0
  39. package/dist/types/components/ui/GCard/index.d.ts +2 -0
  40. package/dist/types/components/ui/GCard/types.d.ts +519 -0
  41. package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts +1 -1
  42. package/dist/types/components/ui/GChip/GChip.vue.d.ts +8 -4
  43. package/dist/types/components/ui/GChip/types.d.ts +1 -0
  44. package/dist/types/components/ui/GCombobox/GCombobox.vue.d.ts +37 -0
  45. package/dist/types/components/ui/GCombobox/index.d.ts +2 -0
  46. package/dist/types/components/ui/GCombobox/types.d.ts +59 -0
  47. package/dist/types/components/ui/GDivider/GDivider.vue.d.ts +965 -0
  48. package/dist/types/components/ui/GDivider/index.d.ts +2 -0
  49. package/dist/types/components/ui/GDivider/types.d.ts +518 -0
  50. package/dist/types/components/ui/GExpansion/GExpansion.vue.d.ts +9 -9
  51. package/dist/types/components/ui/GExpansionGroup/types.d.ts +4 -1
  52. package/dist/types/components/ui/GFAB/GFAB.vue.d.ts +4 -4
  53. package/dist/types/components/ui/GFieldBase/GFieldBase.vue.d.ts +75 -0
  54. package/dist/types/components/ui/GFieldBase/props.d.ts +73 -4
  55. package/dist/types/components/ui/GGradientMaterial/GGradientMaterial.vue.d.ts +3 -3
  56. package/dist/types/components/ui/GInput/GInput.vue.d.ts +75 -0
  57. package/dist/types/components/ui/GMenu/GMenu.vue.d.ts +1 -1
  58. package/dist/types/components/ui/GMenu/GSubmenu.vue.d.ts +6 -6
  59. package/dist/types/components/ui/GMenuItem/GMenuItem.vue.d.ts +1 -1
  60. package/dist/types/components/ui/GNavbar/GNavbar.vue.d.ts +3 -3
  61. package/dist/types/components/ui/GQuickActions/GQuickActions.vue.d.ts +1 -1
  62. package/dist/types/components/ui/GSelect/types.d.ts +6 -0
  63. package/dist/types/components/ui/GSelectItem.vue.d.ts +1 -1
  64. package/dist/types/components/ui/GSnackbar/GSnackbar.vue.d.ts +4 -4
  65. package/dist/types/components/ui/GStepper/GStepItem.vue.d.ts +16 -0
  66. package/dist/types/components/ui/GStepper/GStepPanel.vue.d.ts +76 -0
  67. package/dist/types/components/ui/GStepper/GStepper.vue.d.ts +63 -0
  68. package/dist/types/components/ui/GStepper/GStepperActions.vue.d.ts +22 -0
  69. package/dist/types/components/ui/GStepper/context.d.ts +42 -0
  70. package/dist/types/components/ui/GStepper/index.d.ts +4 -0
  71. package/dist/types/components/ui/GStepper/types.d.ts +708 -0
  72. package/dist/types/components/ui/GTable/GTable.vue.d.ts +13 -13
  73. package/dist/types/components/ui/GTable/types.d.ts +59 -55
  74. package/dist/types/components/ui/GTextarea/GTextarea.vue.d.ts +75 -0
  75. package/dist/types/components/ui/GToggleButton/GToggleButton.vue.d.ts +4 -4
  76. package/dist/types/theme/default.d.ts +2 -1
  77. package/dist/types/theme/gradient.d.ts +1 -1
  78. package/dist/types/theme/index.d.ts +6 -6
  79. package/dist/types/use/actionSurface.d.ts +5 -1650
  80. package/dist/types/use/density.d.ts +16 -0
  81. package/dist/types/use/form/fieldKeyboard.d.ts +19 -0
  82. package/dist/types/use/form/props.d.ts +54 -2
  83. package/dist/types/use/form/textFieldControl.d.ts +9 -1
  84. package/dist/types/use/gradient.d.ts +4 -1653
  85. package/dist/types/use/gradientMaterial.d.ts +1 -1
  86. package/dist/types/use/index.d.ts +9 -0
  87. package/dist/types/use/input/props.d.ts +43 -4
  88. package/dist/types/use/material.d.ts +3 -2
  89. package/dist/types/use/materialSurface.d.ts +10 -4
  90. package/dist/types/use/navigation/controller.d.ts +14 -0
  91. package/dist/types/use/navigation/index.d.ts +4 -0
  92. package/dist/types/use/navigation/item.d.ts +9 -0
  93. package/dist/types/use/navigation/keyboard.d.ts +4 -0
  94. package/dist/types/use/navigation/types.d.ts +42 -0
  95. package/dist/types/use/select/comboboxController.d.ts +36 -0
  96. package/dist/types/use/select/commit.d.ts +23 -0
  97. package/dist/types/use/select/controller.d.ts +5 -0
  98. package/dist/types/use/select/creatable.d.ts +18 -0
  99. package/dist/types/use/select/fieldControl.d.ts +59 -0
  100. package/dist/types/use/select/filter.d.ts +14 -0
  101. package/dist/types/use/select/listboxKeyboard.d.ts +9 -0
  102. package/dist/types/use/select/modelFallbackItems.d.ts +12 -0
  103. package/dist/types/use/select/search.d.ts +14 -0
  104. package/dist/types/use/select/searchFieldControl.d.ts +24 -0
  105. package/dist/types/use/select/selectionSummary.d.ts +1 -0
  106. package/dist/types/use/select/tokenInputKeyboard.d.ts +11 -0
  107. package/dist/types/use/stateIcon.d.ts +9 -0
  108. package/dist/types/use/stepper/controller.d.ts +20 -0
  109. package/dist/types/use/stepper/index.d.ts +1 -0
  110. package/dist/types/use/surfaceColor.d.ts +2 -1
  111. package/dist/types/use/surfaceMaterial.d.ts +45 -0
  112. package/dist/types/use/textarea/props.d.ts +43 -4
  113. package/dist/use.cjs +1 -1
  114. package/dist/use.mjs +54 -42
  115. package/dist/useSnackbar-6OiYxhJA.cjs +1 -0
  116. package/dist/useSnackbar-BYPu4tJ4.js +922 -0
  117. package/package.json +4 -2
  118. package/dist/GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs +0 -1
  119. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BS6bb1XY.cjs +0 -1
  120. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js +0 -7015
  121. package/dist/default-BhuY-A3o.cjs +0 -4
  122. package/dist/default-OTmCd0Aq.js +0 -131
  123. package/dist/index-B3_n44N_.cjs +0 -1
  124. package/dist/index-BtCLucTD.js +0 -66
  125. package/dist/material-Ca7ZZAiO.cjs +0 -194
  126. package/dist/material-okvXHenb.js +0 -1162
  127. package/dist/materialSurface-BBrP9ltj.js +0 -591
  128. package/dist/materialSurface-CK8LN_dU.cjs +0 -1
  129. package/dist/surface-8z3gR7vF.cjs +0 -1
  130. package/dist/types/theme/gradient/animation/css.d.ts +0 -12
  131. package/dist/types/theme/gradient/animation/index.d.ts +0 -1
  132. package/dist/types/theme/gradient/colorMath.d.ts +0 -3
  133. package/dist/types/theme/gradient/constants.d.ts +0 -3
  134. package/dist/types/theme/gradient/core.d.ts +0 -1
  135. package/dist/types/theme/gradient/effects/index.d.ts +0 -1
  136. package/dist/types/theme/gradient/effects/morph.d.ts +0 -5
  137. package/dist/types/theme/gradient/effects/shadow.d.ts +0 -3
  138. package/dist/types/theme/gradient/formatters/canvas.d.ts +0 -2
  139. package/dist/types/theme/gradient/formatters/css.d.ts +0 -3
  140. package/dist/types/theme/gradient/formatters/index.d.ts +0 -1
  141. package/dist/types/theme/gradient/formatters/svg.d.ts +0 -5
  142. package/dist/types/theme/gradient/index.d.ts +0 -1
  143. package/dist/types/theme/gradient/material.d.ts +0 -1
  144. package/dist/types/theme/gradient/model.d.ts +0 -5
  145. package/dist/types/theme/gradient/presets.d.ts +0 -158
  146. package/dist/types/theme/gradient/recipes.d.ts +0 -14
  147. package/dist/types/theme/gradient/tokens.d.ts +0 -72
  148. package/dist/types/theme/gradient/types.d.ts +0 -117
  149. package/dist/types/theme/gradient/utils.d.ts +0 -10
  150. package/dist/useSnackbar-BHQshEZ8.cjs +0 -1
  151. package/dist/useSnackbar-DeNHZH8v.js +0 -908
@@ -1,14 +1,14 @@
1
- import { computed as t, toValue as s } from "vue";
2
- import { p as g, g as k, f as _, h as $, C as O } from "./camelToKebabCase-6qY6WHvl.js";
1
+ import { computed as t, toValue as a } from "vue";
2
+ import { p as d, g as k, h as _, f as $, C as O } from "./camelToKebabCase-BWbQb81D.js";
3
3
  import { createGradientFromColor as b } from "@gradient-ui/gradient-engine";
4
4
  function c(r, e) {
5
5
  return (n) => {
6
- const u = {};
6
+ const s = {};
7
7
  for (const o in r) {
8
- const a = typeof r[o] == "object" && r[o] !== null && !Array.isArray(r[o]) ? { ...r[o] } : { type: r[o] };
9
- n && o in n && (a.default = n[o]), e && !a.source && (a.source = e), u[o] = a;
8
+ const u = typeof r[o] == "object" && r[o] !== null && !Array.isArray(r[o]) ? { ...r[o] } : { type: r[o] };
9
+ n && o in n && (u.default = n[o]), e && !u.source && (u.source = e), s[o] = u;
10
10
  }
11
- return u;
11
+ return s;
12
12
  };
13
13
  }
14
14
  const p = c({
@@ -32,20 +32,20 @@ const T = [
32
32
  "surface",
33
33
  "on-surface"
34
34
  ], A = (r) => {
35
- const e = d(r);
36
- return e ? e.color : r ? g(r) || S(r) ? r : m(r) ? `rgb(var(--g-color-${r}))` : r : i.primary.color;
35
+ const e = v(r);
36
+ return e ? e.color : r ? d(r) || m(r) ? r : y(r) ? `rgb(var(--g-color-${r}))` : r : f.primary.color;
37
37
  }, P = (r) => {
38
- const e = d(r);
39
- return e ? e.onColor : r ? g(r) ? k(r) : m(r) ? `rgb(var(--g-color-on-${r}))` : i.primary.onColor : i.primary.onColor;
38
+ const e = v(r);
39
+ return e ? e.onColor : r ? d(r) ? k(r) : y(r) ? `rgb(var(--g-color-on-${r}))` : f.primary.onColor : f.primary.onColor;
40
40
  }, w = (r) => {
41
- if (!r) return i.primary.gradient;
42
- const e = d(r);
43
- return e ? e.gradient : g(r) ? b(r) : r.includes("gradient(") || r.startsWith("var(") ? r : `var(--g-gradient-${r}, var(--g-gradient-main))`;
44
- }, R = (r) => t(() => w(s(r))), v = (r, e) => ({
41
+ if (!r) return f.primary.gradient;
42
+ const e = v(r);
43
+ return e ? e.gradient : d(r) ? b(r) : r.includes("gradient(") || r.startsWith("var(") ? r : `var(--g-gradient-${r}, var(--g-gradient-main))`;
44
+ }, R = (r) => t(() => w(a(r))), C = (r, e) => ({
45
45
  color: `rgb(var(--g-color-${r}-${e}))`,
46
46
  onColor: `rgb(var(--g-color-on-${r}-${e}))`,
47
47
  gradient: `var(--g-gradient-${r}-${e})`
48
- }), i = {
48
+ }), f = {
49
49
  primary: {
50
50
  color: "var(--g-token-color-primary)",
51
51
  onColor: "var(--g-token-color-on-primary)",
@@ -81,7 +81,7 @@ const T = [
81
81
  onColor: "var(--g-token-color-surface)",
82
82
  gradient: "var(--g-gradient-source-500)"
83
83
  }
84
- }, C = /* @__PURE__ */ new Set([
84
+ }, S = /* @__PURE__ */ new Set([
85
85
  "source",
86
86
  ...Object.keys(_).map($)
87
87
  ]), L = new Set(O), M = new Set(T), B = /* @__PURE__ */ new Set([
@@ -94,14 +94,14 @@ const T = [
94
94
  "unset",
95
95
  "black",
96
96
  "white"
97
- ]), D = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, V = (r) => M.has(r), S = (r) => B.has(r), m = (r) => D.test(r) && !S(r), G = (r) => {
98
- if (C.has(r))
99
- return v(r, 500);
97
+ ]), D = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, V = (r) => M.has(r), m = (r) => B.has(r), y = (r) => D.test(r) && !m(r), G = (r) => {
98
+ if (S.has(r))
99
+ return C(r, 500);
100
100
  const e = r.match(/^(.+)-(\d+)$/);
101
- if (!e || !C.has(e[1])) return null;
101
+ if (!e || !S.has(e[1])) return null;
102
102
  const n = Number(e[2]);
103
- return L.has(n) ? v(e[1], n) : null;
104
- }, d = (r) => r ? V(r) ? i[r] : G(r) : i.primary, I = c({
103
+ return L.has(n) ? C(e[1], n) : null;
104
+ }, v = (r) => r ? V(r) ? f[r] : G(r) : f.primary, I = c({
105
105
  color: {
106
106
  type: String,
107
107
  default: "primary"
@@ -110,7 +110,7 @@ const T = [
110
110
  function j(r) {
111
111
  return {
112
112
  colorStyles: t(() => {
113
- const n = s(r.color);
113
+ const n = a(r.color);
114
114
  return {
115
115
  "--g-color": A(n),
116
116
  "--g-on-color": P(n),
@@ -122,31 +122,34 @@ function j(r) {
122
122
  }
123
123
  function K(r) {
124
124
  const e = t(() => {
125
- const a = s(r.activeState);
126
- return s(r.active) && a !== void 0 ? a : s(r.state);
125
+ const i = a(r.activeState);
126
+ return a(r.active) && i !== void 0 ? i : a(r.state);
127
127
  }), n = t(() => {
128
- const a = e.value;
129
- if (a)
130
- return a;
131
- const f = s(r.activeColor);
132
- return s(r.active) && f !== void 0 ? f : s(r.color);
133
- }), { colorStyles: u } = j({ color: n }), o = R(n), l = t(
128
+ const i = e.value;
129
+ if (i)
130
+ return i;
131
+ const g = a(r.activeColor);
132
+ return a(r.active) && g !== void 0 ? g : a(r.color);
133
+ }), { colorStyles: s } = j({ color: n }), o = R(n), l = t(
134
134
  () => ({
135
- ...u.value,
136
135
  "--g-gradient-current": o.value
137
136
  })
138
- );
137
+ ), u = t(() => [
138
+ s.value,
139
+ l.value
140
+ ]);
139
141
  return {
140
142
  resolvedColor: n,
141
143
  resolvedState: e,
142
144
  resolvedGradient: o,
143
- colorStyles: u,
144
- surfaceColorStyles: u,
145
- gradientStyles: l
145
+ colorStyles: s,
146
+ surfaceColorStyles: s,
147
+ gradientCurrentStyles: l,
148
+ gradientStyles: u
146
149
  };
147
150
  }
148
151
  const nr = (r) => t(() => {
149
- const e = s(r);
152
+ const e = a(r);
150
153
  return e === "" || e === null || e === void 0 ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
151
154
  }), N = c({
152
155
  variant: {
@@ -166,10 +169,10 @@ function U(r, e) {
166
169
  const H = c({
167
170
  backdropBlur: {
168
171
  type: [Number, String],
169
- default: 6
172
+ default: 2
170
173
  }
171
174
  }), W = (r) => r === void 0 ? "6px" : typeof r == "number" ? `${r}px` : /^\d+(\.\d+)?$/.test(r) ? `${r}px` : r, or = (r) => {
172
- const e = t(() => W(s(r.backdropBlur))), n = t(() => ({
175
+ const e = t(() => W(a(r.backdropBlur))), n = t(() => ({
173
176
  "--g-glass-backdrop-blur": e.value
174
177
  }));
175
178
  return {
@@ -191,25 +194,25 @@ const H = c({
191
194
  ...q()
192
195
  });
193
196
  function sr(r, e) {
194
- const n = z(r, e), u = x(r, e), o = h(r, e), l = U(r, e), a = t(
197
+ const n = z(r, e), s = x(r, e), o = h(r, e), l = U(r, e), u = t(
195
198
  () => r.texture && r.texture !== "none" ? `${e}_texture-${r.texture}` : ""
196
- ), { colorStyles: f } = K(r), y = t(
199
+ ), { colorStyles: i } = K(r), g = t(
197
200
  () => [
198
201
  n.value,
199
- u.value,
202
+ s.value,
200
203
  o.value,
201
204
  l.value,
202
- a.value
205
+ u.value
203
206
  ].filter(Boolean)
204
207
  );
205
208
  return {
206
209
  variantClass: n,
207
- disabledClass: u,
210
+ disabledClass: s,
208
211
  roundedClass: o,
209
212
  stateClass: l,
210
- textureClass: a,
211
- surfaceStyles: f,
212
- surfaceClasses: y
213
+ textureClass: u,
214
+ surfaceStyles: i,
215
+ surfaceClasses: g
213
216
  };
214
217
  }
215
218
  function Y(r) {
@@ -0,0 +1 @@
1
+ "use strict";const t=require("vue"),l=require("./camelToKebabCase-BQDotaQm.cjs"),D=require("@gradient-ui/gradient-engine");function u(e,r){return o=>{const a={};for(const n in e){const s=typeof e[n]=="object"&&e[n]!==null&&!Array.isArray(e[n])?{...e[n]}:{type:e[n]};o&&n in o&&(s.default=o[n]),r&&!s.source&&(s.source=r),a[n]=s}return a}}const C=u({disabled:Boolean});function S(e,r){return t.computed(()=>e.disabled?`${r}_disabled`:"")}const y=u({rounded:Boolean});function p(e,r){return t.computed(()=>e.rounded?`${r}_rounded`:"")}const k=["primary","main","error","warning","success","surface","on-surface"],_=e=>{const r=g(e);return r?r.color:e?l.parseColor(e)||P(e)?e:V(e)?`rgb(var(--g-color-${e}))`:e:d.primary.color},$=e=>{const r=g(e);return r?r.onColor:e?l.parseColor(e)?l.getContrastingColor(e):V(e)?`rgb(var(--g-color-on-${e}))`:d.primary.onColor:d.primary.onColor},O=e=>{if(!e)return d.primary.gradient;const r=g(e);return r?r.gradient:l.parseColor(e)?D.createGradientFromColor(e):e.includes("gradient(")||e.startsWith("var(")?e:`var(--g-gradient-${e}, var(--g-gradient-main))`},b=e=>t.computed(()=>O(t.toValue(e))),v=(e,r)=>({color:`rgb(var(--g-color-${e}-${r}))`,onColor:`rgb(var(--g-color-on-${e}-${r}))`,gradient:`var(--g-gradient-${e}-${r})`}),d={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)"}},m=new Set(["source",...Object.keys(l.COLOR_SEEDS).map(l.camelToKebabCase)]),G=new Set(l.COLOR_SHADES),B=new Set(k),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),P=e=>I.has(e),V=e=>K.test(e)&&!P(e),j=e=>{if(m.has(e))return v(e,500);const r=e.match(/^(.+)-(\d+)$/);if(!r||!m.has(r[1]))return null;const o=Number(r[2]);return G.has(o)?v(r[1],o):null},g=e=>e?N(e)?d[e]:j(e):d.primary,x=u({color:{type:String,default:"primary"}});function E(e){return{colorStyles:t.computed(()=>{const o=t.toValue(e.color);return{"--g-color":_(o),"--g-on-color":$(o),"--g-surface-color":"var(--g-token-color-surface)","--g-on-surface-color":"var(--g-token-color-on-surface)"}})}}function T(e){const r=t.computed(()=>{const c=t.toValue(e.activeState);return t.toValue(e.active)&&c!==void 0?c:t.toValue(e.state)}),o=t.computed(()=>{const c=r.value;if(c)return c;const f=t.toValue(e.activeColor);return t.toValue(e.active)&&f!==void 0?f:t.toValue(e.color)}),{colorStyles:a}=E({color:o}),n=b(o),i=t.computed(()=>({"--g-gradient-current":n.value})),s=t.computed(()=>[a.value,i.value]);return{resolvedColor:o,resolvedState:r,resolvedGradient:n,colorStyles:a,surfaceColorStyles:a,gradientCurrentStyles:i,gradientStyles:s}}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}),R=u({variant:{type:String,default:"default"}});function A(e,r){return t.computed(()=>`${r}_${e.variant}`)}const h=u({state:String});function L(e,r){return t.computed(()=>e.state?`${r}_${e.state}`:"")}const M=u({backdropBlur:{type:[Number,String],default:2}}),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}},w=u({texture:{type:String,default:"none"}}),U=u({...R(),...x(),...C(),...y(),...h(),...M(),...w()});function H(e,r){const o=A(e,r),a=S(e,r),n=p(e,r),i=L(e,r),s=t.computed(()=>e.texture&&e.texture!=="none"?`${r}_texture-${e.texture}`:""),{colorStyles:c}=T(e),f=t.computed(()=>[o.value,a.value,n.value,i.value,s.value].filter(Boolean));return{variantClass:o,disabledClass:a,roundedClass:n,stateClass:i,textureClass:s,surfaceStyles:c,surfaceClasses:f}}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=k;exports.makeColorProps=x;exports.makeDisabledProps=C;exports.makeGlassProps=M;exports.makeRoundedProps=y;exports.makeStateProps=h;exports.makeSurfaceProps=U;exports.makeSurfaceTextureProps=w;exports.makeVariantProps=R;exports.propsFactory=u;exports.resolveColorValue=_;exports.resolveGradientValue=O;exports.resolveOnColorValue=$;exports.useColor=E;exports.useDisabled=S;exports.useGlass=z;exports.usePx=F;exports.useResolveGradientValue=b;exports.useRounded=p;exports.useState=L;exports.useSurface=H;exports.useSurfaceColor=T;exports.useSurfaceLayers=Z;exports.useVariant=A;
package/dist/theme.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./camelToKebabCase-BQDotaQm.cjs"),a=require("./material-Ca7ZZAiO.cjs"),r=require("./default-BhuY-A3o.cjs"),e=require("@gradient-ui/gradient-engine");exports.COLOR_SHADES=t.COLOR_SHADES;exports.ON_SHADE_TONES=t.ON_SHADE_TONES;exports.SHADE_TONES=t.SHADE_TONES;exports.colorToHex=t.colorToHex;exports.createOnPalette=t.createOnPalette;exports.createPalette=t.createPalette;exports.createPalettePair=t.createPalettePair;exports.getContrastingColor=t.getContrastingColor;exports.parseColor=t.parseColor;exports.rgbToChannels=t.rgbToChannels;exports.rgbToHex=t.rgbToHex;exports.gradientAnimation=a.index;exports.gradientCore=a.core;exports.gradientEffects=a.index$1;exports.gradientFormatters=a.index$2;exports.gradientMaterial=a.material;exports.DEFAULT_SEED=r.DEFAULT_SEED;exports.createColorSystem=r.createColorSystem;exports.createDefaultDarkTheme=r.createDefaultDarkTheme;exports.createDefaultLightTheme=r.createDefaultLightTheme;exports.createDefaultTheme=r.createDefaultTheme;exports.createSemanticTokens=r.createSemanticTokens;exports.createTheme=r.createTheme;exports.installTheme=r.installTheme;exports.provideTheme=r.provideTheme;exports.useTheme=r.useTheme;Object.defineProperty(exports,"createGradient",{enumerable:!0,get:()=>e.createGradient});Object.defineProperty(exports,"createGradientFromColor",{enumerable:!0,get:()=>e.createGradientFromColor});Object.defineProperty(exports,"createGradientMaterial",{enumerable:!0,get:()=>e.createGradientMaterial});Object.defineProperty(exports,"createGradientModel",{enumerable:!0,get:()=>e.createGradientModel});Object.defineProperty(exports,"createGradientModelFromColor",{enumerable:!0,get:()=>e.createGradientModelFromColor});Object.defineProperty(exports,"createGradientMorphBlobs",{enumerable:!0,get:()=>e.createGradientMorphBlobs});Object.defineProperty(exports,"createGradientPreset",{enumerable:!0,get:()=>e.createGradientPreset});Object.defineProperty(exports,"createGradientTokens",{enumerable:!0,get:()=>e.createGradientTokens});Object.defineProperty(exports,"createLinearGradient",{enumerable:!0,get:()=>e.createLinearGradient});Object.defineProperty(exports,"defineGradientPreset",{enumerable:!0,get:()=>e.defineGradientPreset});Object.defineProperty(exports,"defineGradientPresetRegistry",{enumerable:!0,get:()=>e.defineGradientPresetRegistry});Object.defineProperty(exports,"getGradientPreset",{enumerable:!0,get:()=>e.getGradientPreset});Object.defineProperty(exports,"gradientPresets",{enumerable:!0,get:()=>e.gradientPresets});Object.defineProperty(exports,"toCanvasGradient",{enumerable:!0,get:()=>e.toCanvasGradient});Object.defineProperty(exports,"toCssGradient",{enumerable:!0,get:()=>e.toCssGradient});Object.defineProperty(exports,"toGradientAnimationCSS",{enumerable:!0,get:()=>e.toGradientAnimationCSS});Object.defineProperty(exports,"toGradientBoxShadow",{enumerable:!0,get:()=>e.toGradientBoxShadow});Object.defineProperty(exports,"toGradientDropShadow",{enumerable:!0,get:()=>e.toGradientDropShadow});Object.defineProperty(exports,"toGradientMorphCSS",{enumerable:!0,get:()=>e.toGradientMorphCSS});Object.defineProperty(exports,"toGradientMorphFilter",{enumerable:!0,get:()=>e.toGradientMorphFilter});Object.defineProperty(exports,"toGradientMorphFilterMarkup",{enumerable:!0,get:()=>e.toGradientMorphFilterMarkup});Object.defineProperty(exports,"toSvgGradient",{enumerable:!0,get:()=>e.toSvgGradient});Object.defineProperty(exports,"toSvgGradientMarkup",{enumerable:!0,get:()=>e.toSvgGradientMarkup});Object.defineProperty(exports,"toSvgPathAnimationMarkup",{enumerable:!0,get:()=>e.toSvgPathAnimationMarkup});Object.defineProperty(exports,"toSvgSourceAnimationMarkup",{enumerable:!0,get:()=>e.toSvgSourceAnimationMarkup});
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./camelToKebabCase-BQDotaQm.cjs"),r=require("./scheme-CZ0a0X5e.cjs"),e=require("@gradient-ui/gradient-engine"),a=require("./default--73FwpwZ.cjs");exports.COLOR_SHADES=t.COLOR_SHADES;exports.ON_SHADE_TONES=t.ON_SHADE_TONES;exports.SHADE_TONES=t.SHADE_TONES;exports.colorToHex=t.colorToHex;exports.createOnPalette=t.createOnPalette;exports.createPalette=t.createPalette;exports.createPalettePair=t.createPalettePair;exports.getContrastingColor=t.getContrastingColor;exports.parseColor=t.parseColor;exports.rgbToChannels=t.rgbToChannels;exports.rgbToHex=t.rgbToHex;exports.createColorSystem=r.createColorSystem;exports.createSemanticTokens=r.createSemanticTokens;exports.gradientAnimation=r.index;exports.gradientCore=r.core;exports.gradientEffects=r.index$1;exports.gradientFormatters=r.index$2;exports.gradientMaterial=r.material;Object.defineProperty(exports,"DEFAULT_GRADIENT_MORPH_BLEND_MODE",{enumerable:!0,get:()=>e.DEFAULT_GRADIENT_MORPH_BLEND_MODE});Object.defineProperty(exports,"DEFAULT_SEED",{enumerable:!0,get:()=>e.DEFAULT_SEED});Object.defineProperty(exports,"GRADIENT_MORPH_BLEND_MODES",{enumerable:!0,get:()=>e.GRADIENT_MORPH_BLEND_MODES});Object.defineProperty(exports,"createGradient",{enumerable:!0,get:()=>e.createGradient});Object.defineProperty(exports,"createGradientFromColor",{enumerable:!0,get:()=>e.createGradientFromColor});Object.defineProperty(exports,"createGradientMaterial",{enumerable:!0,get:()=>e.createGradientMaterial});Object.defineProperty(exports,"createGradientModel",{enumerable:!0,get:()=>e.createGradientModel});Object.defineProperty(exports,"createGradientModelFromColor",{enumerable:!0,get:()=>e.createGradientModelFromColor});Object.defineProperty(exports,"createGradientMorphBlobs",{enumerable:!0,get:()=>e.createGradientMorphBlobs});Object.defineProperty(exports,"createGradientPreset",{enumerable:!0,get:()=>e.createGradientPreset});Object.defineProperty(exports,"createGradientTokens",{enumerable:!0,get:()=>e.createGradientTokens});Object.defineProperty(exports,"createLinearGradient",{enumerable:!0,get:()=>e.createLinearGradient});Object.defineProperty(exports,"defineGradientPreset",{enumerable:!0,get:()=>e.defineGradientPreset});Object.defineProperty(exports,"defineGradientPresetRegistry",{enumerable:!0,get:()=>e.defineGradientPresetRegistry});Object.defineProperty(exports,"getGradientPreset",{enumerable:!0,get:()=>e.getGradientPreset});Object.defineProperty(exports,"gradientPresets",{enumerable:!0,get:()=>e.gradientPresets});Object.defineProperty(exports,"isGradientMorphBlendMode",{enumerable:!0,get:()=>e.isGradientMorphBlendMode});Object.defineProperty(exports,"resolveGradientMorphBlendMode",{enumerable:!0,get:()=>e.resolveGradientMorphBlendMode});Object.defineProperty(exports,"toCanvasGradient",{enumerable:!0,get:()=>e.toCanvasGradient});Object.defineProperty(exports,"toCssGradient",{enumerable:!0,get:()=>e.toCssGradient});Object.defineProperty(exports,"toGradientAnimationCSS",{enumerable:!0,get:()=>e.toGradientAnimationCSS});Object.defineProperty(exports,"toGradientBoxShadow",{enumerable:!0,get:()=>e.toGradientBoxShadow});Object.defineProperty(exports,"toGradientDropShadow",{enumerable:!0,get:()=>e.toGradientDropShadow});Object.defineProperty(exports,"toGradientMorphCSS",{enumerable:!0,get:()=>e.toGradientMorphCSS});Object.defineProperty(exports,"toGradientMorphFilter",{enumerable:!0,get:()=>e.toGradientMorphFilter});Object.defineProperty(exports,"toGradientMorphFilterMarkup",{enumerable:!0,get:()=>e.toGradientMorphFilterMarkup});Object.defineProperty(exports,"toSvgGradient",{enumerable:!0,get:()=>e.toSvgGradient});Object.defineProperty(exports,"toSvgGradientMarkup",{enumerable:!0,get:()=>e.toSvgGradientMarkup});Object.defineProperty(exports,"toSvgPathAnimationMarkup",{enumerable:!0,get:()=>e.toSvgPathAnimationMarkup});Object.defineProperty(exports,"toSvgSourceAnimationMarkup",{enumerable:!0,get:()=>e.toSvgSourceAnimationMarkup});exports.createDefaultDarkTheme=a.createDefaultDarkTheme;exports.createDefaultLightTheme=a.createDefaultLightTheme;exports.createDefaultTheme=a.createDefaultTheme;exports.createTheme=a.createTheme;exports.installTheme=a.installTheme;exports.provideTheme=a.provideTheme;exports.useTheme=a.useTheme;
package/dist/theme.mjs CHANGED
@@ -1,57 +1,61 @@
1
- import { C as t, O as r, S as o, c as i, a as n, b as s, d, g as c, p as l, r as G, e as m } from "./camelToKebabCase-6qY6WHvl.js";
2
- import { i as g, c as p, a as h, b as T, m as C } from "./material-okvXHenb.js";
3
- import { D as M, c as D, a as u, b as P, d as E, e as A, f as k, i as x, p as O, u as b } from "./default-OTmCd0Aq.js";
4
- import { createGradient as F, createGradientFromColor as H, createGradientMaterial as _, createGradientModel as L, createGradientModelFromColor as N, createGradientMorphBlobs as w, createGradientPreset as y, createGradientTokens as B, createLinearGradient as R, defineGradientPreset as U, defineGradientPresetRegistry as j, getGradientPreset as q, gradientPresets as z, toCanvasGradient as I, toCssGradient as J, toGradientAnimationCSS as K, toGradientBoxShadow as Q, toGradientDropShadow as V, toGradientMorphCSS as W, toGradientMorphFilter as X, toGradientMorphFilterMarkup as Y, toSvgGradient as Z, toSvgGradientMarkup as $, toSvgPathAnimationMarkup as ee, toSvgSourceAnimationMarkup as ae } from "@gradient-ui/gradient-engine";
1
+ import { C as r, O as t, S as o, c as i, a as n, b as s, d, g as G, p as c, r as l, e as S } from "./camelToKebabCase-BWbQb81D.js";
2
+ import { c as M, a as p, i as g, b as h, d as T, e as D, m as E } from "./scheme-Dqwdqg6N.js";
3
+ import { DEFAULT_GRADIENT_MORPH_BLEND_MODE as P, DEFAULT_SEED as _, GRADIENT_MORPH_BLEND_MODES as f, createGradient as A, createGradientFromColor as O, createGradientMaterial as u, createGradientModel as k, createGradientModelFromColor as v, createGradientMorphBlobs as x, createGradientPreset as F, createGradientTokens as H, createLinearGradient as L, defineGradientPreset as N, defineGradientPresetRegistry as b, getGradientPreset as B, gradientPresets as R, isGradientMorphBlendMode as w, resolveGradientMorphBlendMode as y, toCanvasGradient as I, toCssGradient as U, toGradientAnimationCSS as j, toGradientBoxShadow as q, toGradientDropShadow as z, toGradientMorphCSS as J, toGradientMorphFilter as K, toGradientMorphFilterMarkup as Q, toSvgGradient as V, toSvgGradientMarkup as W, toSvgPathAnimationMarkup as X, toSvgSourceAnimationMarkup as Y } from "@gradient-ui/gradient-engine";
4
+ import { c as $, a as ee, b as ae, d as re, i as te, p as oe, u as ie } from "./default-DlsS6GI_.js";
5
5
  export {
6
- t as COLOR_SHADES,
7
- M as DEFAULT_SEED,
8
- r as ON_SHADE_TONES,
6
+ r as COLOR_SHADES,
7
+ P as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
8
+ _ as DEFAULT_SEED,
9
+ f as GRADIENT_MORPH_BLEND_MODES,
10
+ t as ON_SHADE_TONES,
9
11
  o as SHADE_TONES,
10
12
  i as colorToHex,
11
- D as createColorSystem,
12
- u as createDefaultDarkTheme,
13
- P as createDefaultLightTheme,
14
- E as createDefaultTheme,
15
- F as createGradient,
16
- H as createGradientFromColor,
17
- _ as createGradientMaterial,
18
- L as createGradientModel,
19
- N as createGradientModelFromColor,
20
- w as createGradientMorphBlobs,
21
- y as createGradientPreset,
22
- B as createGradientTokens,
23
- R as createLinearGradient,
13
+ M as createColorSystem,
14
+ $ as createDefaultDarkTheme,
15
+ ee as createDefaultLightTheme,
16
+ ae as createDefaultTheme,
17
+ A as createGradient,
18
+ O as createGradientFromColor,
19
+ u as createGradientMaterial,
20
+ k as createGradientModel,
21
+ v as createGradientModelFromColor,
22
+ x as createGradientMorphBlobs,
23
+ F as createGradientPreset,
24
+ H as createGradientTokens,
25
+ L as createLinearGradient,
24
26
  n as createOnPalette,
25
27
  s as createPalette,
26
28
  d as createPalettePair,
27
- A as createSemanticTokens,
28
- k as createTheme,
29
- U as defineGradientPreset,
30
- j as defineGradientPresetRegistry,
31
- c as getContrastingColor,
32
- q as getGradientPreset,
29
+ p as createSemanticTokens,
30
+ re as createTheme,
31
+ N as defineGradientPreset,
32
+ b as defineGradientPresetRegistry,
33
+ G as getContrastingColor,
34
+ B as getGradientPreset,
33
35
  g as gradientAnimation,
34
- p as gradientCore,
35
- h as gradientEffects,
36
- T as gradientFormatters,
37
- C as gradientMaterial,
38
- z as gradientPresets,
39
- x as installTheme,
40
- l as parseColor,
41
- O as provideTheme,
42
- G as rgbToChannels,
43
- m as rgbToHex,
36
+ h as gradientCore,
37
+ T as gradientEffects,
38
+ D as gradientFormatters,
39
+ E as gradientMaterial,
40
+ R as gradientPresets,
41
+ te as installTheme,
42
+ w as isGradientMorphBlendMode,
43
+ c as parseColor,
44
+ oe as provideTheme,
45
+ y as resolveGradientMorphBlendMode,
46
+ l as rgbToChannels,
47
+ S as rgbToHex,
44
48
  I as toCanvasGradient,
45
- J as toCssGradient,
46
- K as toGradientAnimationCSS,
47
- Q as toGradientBoxShadow,
48
- V as toGradientDropShadow,
49
- W as toGradientMorphCSS,
50
- X as toGradientMorphFilter,
51
- Y as toGradientMorphFilterMarkup,
52
- Z as toSvgGradient,
53
- $ as toSvgGradientMarkup,
54
- ee as toSvgPathAnimationMarkup,
55
- ae as toSvgSourceAnimationMarkup,
56
- b as useTheme
49
+ U as toCssGradient,
50
+ j as toGradientAnimationCSS,
51
+ q as toGradientBoxShadow,
52
+ z as toGradientDropShadow,
53
+ J as toGradientMorphCSS,
54
+ K as toGradientMorphFilter,
55
+ Q as toGradientMorphFilterMarkup,
56
+ V as toSvgGradient,
57
+ W as toSvgGradientMarkup,
58
+ X as toSvgPathAnimationMarkup,
59
+ Y as toSvgSourceAnimationMarkup,
60
+ ie as useTheme
57
61
  };
@@ -1,10 +1,14 @@
1
1
  export { default as GText } from '@/components/ui/GText/GText.vue';
2
2
  export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from '@/components/ui/GTabs';
3
+ export { GStepper, GStepPanel, GStepperActions } from '@/components/ui/GStepper';
3
4
  export { GTransition, GTransitionGroup, GExpandTransition } from '@/components/transitions';
4
5
  export { default as GGradient } from '@/components/ui/GGradient/GGradient.vue';
5
6
  export { GGradientMaterial } from '@/components/ui/GGradientMaterial';
7
+ export { GAvatar, GAvatarGroup } from '@/components/ui/GAvatar';
6
8
  export { default as GButton } from '@/components/ui/GButton/GButton.vue';
9
+ export { GCard } from '@/components/ui/GCard';
7
10
  export { default as GChip } from '@/components/ui/GChip/GChip.vue';
11
+ export { GDivider } from '@/components/ui/GDivider';
8
12
  export { default as GCheckbox } from '@/components/ui/GCheckbox/GCheckbox.vue';
9
13
  export { default as GCheckboxGroup } from '@/components/ui/GCheckboxGroup/GCheckboxGroup.vue';
10
14
  export { default as GSquircle } from '@/components/ui/GSquircle/GSquircle.vue';
@@ -34,7 +38,13 @@ export { default as GIcon } from '@/components/ui/GIcon/GIcon.vue';
34
38
  export { default as GBadge } from '@/components/ui/GBadge/GBadge.vue';
35
39
  export { default as GInput } from '@/components/ui/GInput/GInput.vue';
36
40
  export { GTable } from '@/components/ui/GTable';
41
+ export { GCombobox } from '@/components/ui/GCombobox';
42
+ export type { GAvatarGroupItem, GAvatarGroupProps, GAvatarEmits, GAvatarProps, GAvatarShape, GAvatarVariant } from '@/components/ui/GAvatar';
43
+ export type { GCardDensity, GCardEmits, GCardLayout, GCardProps, GCardVariant } from '@/components/ui/GCard';
44
+ export type { GDividerAlign, GDividerEffect, GDividerOrientation, GDividerProps, GDividerResolvedProps, GDividerVariant } from '@/components/ui/GDivider';
37
45
  export type { GTableAlign, GTableBodySlotClasses, GTableBodySlotContext, GTableCellAttrs, GTableCellContext, GTableCellSpan, GTableDensity, GTableEmits, GTableHeader, GTableItemKey, GTableKey, GTableProps, GTableRowAttrs, GTableRowContext, GTableSlots } from '@/components/ui/GTable';
46
+ export type { GComboboxFilter, GComboboxItemFromQuery, GComboboxProps, GComboboxSlots } from '@/components/ui/GCombobox';
47
+ export type { GStepPanelProps, GStepPanelSurfaceProps, GStepPanelSlotProps, GStepPanelSlots, GStepPanelVariant, GStepperActionsProps, GStepperActionsSlotProps, GStepperActionsSlots, GStepperDividerOptions, GStepperEmits, GStepperDividerVariant, GStepperIconMap, GStepperItem, GStepperItemSlotProps, GStepperOrientation, GStepperProps, GStepperResolvedItem, GStepperSemanticState, GStepperStepIconState, GStepperSlots, GStepperSlotProps, GStepperStepState, GStepperVariant } from '@/components/ui/GStepper';
38
48
  export { applyMask, defaultMaskTokens, unmaskValue, useMask, type GMaskToken, type GMaskTokens, type GMaskValue } from '@/use/mask';
39
49
  export { defaultBreakpoints, useBreakpoints } from '@/use/breakpoints';
40
50
  export type { BreakpointMap, BreakpointName, BreakpointTarget } from '@/use/breakpoints';
@@ -740,18 +740,18 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
740
740
  surfaceFill: import("../../../use/gradientSurface.js").GGradientSurfaceFill;
741
741
  shadow: boolean;
742
742
  dropShadow: boolean;
743
+ morph: boolean;
744
+ padding: import("../../../types/CommonTypes.js").StringeredNumber;
743
745
  animateGlow: boolean;
744
746
  glow: import("../../../use/gradient.js").GGlow;
745
747
  borderWidth: import("../../../types/CommonTypes.js").StringeredNumber;
746
748
  materialKind: import("../../../index.js").GradientMaterialKind;
747
749
  gradientRecipe: import("@gradient-ui/gradient-engine").GradientTokenRecipe;
748
- padding: import("../../../types/CommonTypes.js").StringeredNumber;
749
- morph: boolean;
750
+ backdropBlur: import("../../../types/CommonTypes.js").StringeredNumber;
750
751
  animationOptions: import("@gradient-ui/gradient-engine").GradientAnimationOptions;
751
752
  shadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
752
753
  dropShadowOptions: import("@gradient-ui/gradient-engine").GradientShadowOptions;
753
754
  morphOptions: import("@gradient-ui/gradient-engine").GradientMorphOptions;
754
- backdropBlur: import("../../../types/CommonTypes.js").StringeredNumber;
755
755
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
756
756
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
757
757
  export default _default;