@gradient-ui/core 0.2.1 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (183) hide show
  1. package/README.md +58 -2
  2. package/dist/GLoading.vue_vue_type_style_index_0_lang-Bv3dWEq8.cjs +1 -0
  3. package/dist/GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js +466 -0
  4. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-BS6bb1XY.cjs +1 -0
  5. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js +7015 -0
  6. package/dist/{default-585QCoXx.js → camelToKebabCase-6qY6WHvl.js} +987 -1194
  7. package/dist/camelToKebabCase-BQDotaQm.cjs +316 -0
  8. package/dist/components.cjs +1 -1
  9. package/dist/components.mjs +55 -51
  10. package/dist/default-BhuY-A3o.cjs +4 -0
  11. package/dist/default-OTmCd0Aq.js +131 -0
  12. package/dist/directives.cjs +1 -1
  13. package/dist/directives.mjs +6 -5
  14. package/dist/index.cjs +1 -1
  15. package/dist/index.mjs +184 -110
  16. package/dist/mask-BbofdFd4.cjs +1 -0
  17. package/dist/mask-CZX-I_iy.js +936 -0
  18. package/dist/material-Ca7ZZAiO.cjs +194 -0
  19. package/dist/material-okvXHenb.js +1162 -0
  20. package/dist/materialSurface-BBrP9ltj.js +591 -0
  21. package/dist/materialSurface-CK8LN_dU.cjs +1 -0
  22. package/dist/services.cjs +1 -1
  23. package/dist/services.mjs +1 -1
  24. package/dist/style.css +1 -1
  25. package/dist/surface-8z3gR7vF.cjs +1 -0
  26. package/dist/surface-BKu4KfkY.js +288 -0
  27. package/dist/theme.cjs +1 -1
  28. package/dist/theme.mjs +55 -9
  29. package/dist/types/components/index.d.ts +5 -1
  30. package/dist/types/components/ui/BaseOverlay/BaseOverlay.vue.d.ts +1 -1
  31. package/dist/types/components/ui/GAlert/GAlert.vue.d.ts +675 -9
  32. package/dist/types/components/ui/GAlert/types.d.ts +352 -4
  33. package/dist/types/components/ui/GAside/GAside.vue.d.ts +7 -5
  34. package/dist/types/components/ui/GAside/types.d.ts +17 -6
  35. package/dist/types/components/ui/GBadge/GBadge.vue.d.ts +679 -13
  36. package/dist/types/components/ui/GBadge/types.d.ts +350 -3
  37. package/dist/types/components/ui/GButton/GButton.vue.d.ts +357 -27
  38. package/dist/types/components/ui/GButton/types.d.ts +230 -49
  39. package/dist/types/components/ui/GCheckControl/GCheckControl.vue.d.ts +24 -24
  40. package/dist/types/components/ui/GCheckControl/GCheckGroup.vue.d.ts +24 -24
  41. package/dist/types/components/ui/GCheckbox/GCheckbox.vue.d.ts +24 -24
  42. package/dist/types/components/ui/GChip/GChip.vue.d.ts +295 -25
  43. package/dist/types/components/ui/GChip/types.d.ts +188 -43
  44. package/dist/types/components/ui/GDrawer/GDrawer.vue.d.ts +1 -1
  45. package/dist/types/components/ui/GExpansion/GExpansion.vue.d.ts +47 -13
  46. package/dist/types/components/ui/GExpansion/types.d.ts +284 -22
  47. package/dist/types/components/ui/GFAB/GFAB.vue.d.ts +220 -7
  48. package/dist/types/components/ui/GFAB/types.d.ts +122 -3
  49. package/dist/types/components/ui/GFieldBase/GFieldBase.vue.d.ts +15 -15
  50. package/dist/types/components/ui/GFieldBase/props.d.ts +10 -10
  51. package/dist/types/components/ui/GForm/GForm.vue.d.ts +156 -0
  52. package/dist/types/components/ui/GForm/index.d.ts +2 -0
  53. package/dist/types/components/ui/GForm/types.d.ts +107 -0
  54. package/dist/types/components/ui/GGradient/GGradient.vue.d.ts +165 -66
  55. package/dist/types/components/ui/GGradient/GGradientBorderLayer.vue.d.ts +11 -0
  56. package/dist/types/components/ui/GGradient/index.d.ts +1 -0
  57. package/dist/types/components/ui/GGradient/types.d.ts +10 -1
  58. package/dist/types/components/ui/GGradientMaterial/GGradientMaterial.vue.d.ts +257 -0
  59. package/dist/types/components/ui/GGradientMaterial/index.d.ts +2 -0
  60. package/dist/types/components/ui/GGradientMaterial/types.d.ts +140 -0
  61. package/dist/types/components/ui/GInput/GInput.vue.d.ts +15 -15
  62. package/dist/types/components/ui/GLoading/GLoading.vue.d.ts +5 -5
  63. package/dist/types/components/ui/GLoading/types.d.ts +3 -2
  64. package/dist/types/components/ui/GMenu/GSubmenu.vue.d.ts +14 -14
  65. package/dist/types/components/ui/GMenuItem/GMenuItem.vue.d.ts +11 -11
  66. package/dist/types/components/ui/GMenuItem/types.d.ts +4 -4
  67. package/dist/types/components/ui/GModal/GModal.vue.d.ts +1 -1
  68. package/dist/types/components/ui/GNavList/GNavList.vue.d.ts +7 -5
  69. package/dist/types/components/ui/GNavList/types.d.ts +17 -6
  70. package/dist/types/components/ui/GNavbar/GNavbar.vue.d.ts +4 -4
  71. package/dist/types/components/ui/GNavbar/GNavbarItem.vue.d.ts +3 -3
  72. package/dist/types/components/ui/GNavbar/GNavbarMenu.vue.d.ts +3 -3
  73. package/dist/types/components/ui/GNavbar/types.d.ts +6 -6
  74. package/dist/types/components/ui/GProgress/GProgress.vue.d.ts +41 -20
  75. package/dist/types/components/ui/GProgress/types.d.ts +23 -10
  76. package/dist/types/components/ui/GQuickActions/GQuickActions.vue.d.ts +1 -1
  77. package/dist/types/components/ui/GSelectItem.vue.d.ts +5 -3
  78. package/dist/types/components/ui/GSnackbar/GSnackbar.vue.d.ts +681 -15
  79. package/dist/types/components/ui/GSnackbar/types.d.ts +350 -3
  80. package/dist/types/components/ui/GSquircle/GSquircle.vue.d.ts +2 -2
  81. package/dist/types/components/ui/GSquircle/types.d.ts +8 -2
  82. package/dist/types/components/ui/GSwitch/GSwitch.vue.d.ts +24 -24
  83. package/dist/types/components/ui/GTable/GTable.vue.d.ts +191 -0
  84. package/dist/types/components/ui/GTable/GTableBody.vue.d.ts +69 -0
  85. package/dist/types/components/ui/GTable/GTableCell.vue.d.ts +35 -0
  86. package/dist/types/components/ui/GTable/GTableExpandedRow.vue.d.ts +25 -0
  87. package/dist/types/components/ui/GTable/GTableHead.vue.d.ts +30 -0
  88. package/dist/types/components/ui/GTable/GTableRow.vue.d.ts +40 -0
  89. package/dist/types/components/ui/GTable/context.d.ts +25 -0
  90. package/dist/types/components/ui/GTable/index.d.ts +3 -0
  91. package/dist/types/components/ui/GTable/types.d.ts +666 -0
  92. package/dist/types/components/ui/GTable/useTable.d.ts +22 -0
  93. package/dist/types/components/ui/GTable/useTableExpansion.d.ts +17 -0
  94. package/dist/types/components/ui/GTable/useTableSpans.d.ts +12 -0
  95. package/dist/types/components/ui/GTabs/GTabs.vue.d.ts +4 -4
  96. package/dist/types/components/ui/GTabs/types.d.ts +6 -6
  97. package/dist/types/components/ui/GTextarea/GTextarea.vue.d.ts +15 -15
  98. package/dist/types/components/ui/GToggleButton/GToggleButton.vue.d.ts +490 -16
  99. package/dist/types/components/ui/GToggleButton/types.d.ts +284 -32
  100. package/dist/types/directives/index.d.ts +2 -0
  101. package/dist/types/directives/ripple.d.ts +1 -1
  102. package/dist/types/directives/specular.d.ts +34 -0
  103. package/dist/types/theme/color.d.ts +11 -0
  104. package/dist/types/theme/colorSeeds.d.ts +21 -20
  105. package/dist/types/theme/colorSystem.d.ts +12 -0
  106. package/dist/types/theme/cssTokens.d.ts +7 -0
  107. package/dist/types/theme/default.d.ts +26 -80
  108. package/dist/types/theme/gradient/animation/css.d.ts +12 -0
  109. package/dist/types/theme/gradient/animation/index.d.ts +1 -0
  110. package/dist/types/theme/gradient/colorMath.d.ts +3 -0
  111. package/dist/types/theme/gradient/constants.d.ts +3 -0
  112. package/dist/types/theme/gradient/core.d.ts +1 -0
  113. package/dist/types/theme/gradient/effects/index.d.ts +1 -0
  114. package/dist/types/theme/gradient/effects/morph.d.ts +5 -0
  115. package/dist/types/theme/gradient/effects/shadow.d.ts +3 -0
  116. package/dist/types/theme/gradient/formatters/canvas.d.ts +2 -0
  117. package/dist/types/theme/gradient/formatters/css.d.ts +3 -0
  118. package/dist/types/theme/gradient/formatters/index.d.ts +1 -0
  119. package/dist/types/theme/gradient/formatters/svg.d.ts +5 -0
  120. package/dist/types/theme/gradient/index.d.ts +1 -0
  121. package/dist/types/theme/gradient/material.d.ts +1 -0
  122. package/dist/types/theme/gradient/model.d.ts +5 -0
  123. package/dist/types/theme/gradient/presets.d.ts +158 -0
  124. package/dist/types/theme/gradient/recipes.d.ts +14 -0
  125. package/dist/types/theme/gradient/tokens.d.ts +72 -0
  126. package/dist/types/theme/gradient/types.d.ts +117 -0
  127. package/dist/types/theme/gradient/utils.d.ts +10 -0
  128. package/dist/types/theme/gradient.d.ts +1 -0
  129. package/dist/types/theme/index.d.ts +12 -1
  130. package/dist/types/theme/palette.d.ts +13 -0
  131. package/dist/types/theme/scheme.d.ts +2 -0
  132. package/dist/types/theme/types.d.ts +11 -0
  133. package/dist/types/use/actionSurface.d.ts +1742 -20
  134. package/dist/types/use/check/booleanControl.d.ts +9 -9
  135. package/dist/types/use/check/optionGroup.d.ts +9 -7
  136. package/dist/types/use/check/types.d.ts +26 -26
  137. package/dist/types/use/color.d.ts +2 -2
  138. package/dist/types/use/colorResolver.d.ts +15 -5
  139. package/dist/types/use/form/context.d.ts +8 -0
  140. package/dist/types/use/form/control.d.ts +4 -0
  141. package/dist/types/use/form/props.d.ts +4 -4
  142. package/dist/types/use/form/textFieldControl.d.ts +1 -1
  143. package/dist/types/use/glass.d.ts +24 -0
  144. package/dist/types/use/gradient.d.ts +1759 -43
  145. package/dist/types/use/gradientGlow.d.ts +4 -4
  146. package/dist/types/use/gradientMaterial.d.ts +21 -0
  147. package/dist/types/use/gradientRuntime.d.ts +11 -0
  148. package/dist/types/use/gradientRuntimeRegistry.d.ts +8 -0
  149. package/dist/types/use/gradientSurface.d.ts +31 -4
  150. package/dist/types/use/index.d.ts +9 -0
  151. package/dist/types/use/input/props.d.ts +11 -11
  152. package/dist/types/use/material.d.ts +112 -0
  153. package/dist/types/use/materialSurface.d.ts +376 -0
  154. package/dist/types/use/surface.d.ts +67 -19
  155. package/dist/types/use/surfaceColor.d.ts +1 -1
  156. package/dist/types/use/tagName.d.ts +47 -0
  157. package/dist/types/use/textarea/props.d.ts +11 -11
  158. package/dist/types/use/variant.d.ts +1 -1
  159. package/dist/use.cjs +1 -1
  160. package/dist/use.mjs +42 -19
  161. package/dist/useSnackbar-BHQshEZ8.cjs +1 -0
  162. package/dist/useSnackbar-DeNHZH8v.js +908 -0
  163. package/package.json +11 -4
  164. package/dist/GLoading.vue_vue_type_style_index_0_lang-CqbeZChH.cjs +0 -1
  165. package/dist/GLoading.vue_vue_type_style_index_0_lang-DDqJEYGf.js +0 -691
  166. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-DVKJZfcV.cjs +0 -4
  167. package/dist/GSwitch.vue_vue_type_script_setup_true_lang-hL_S3ZHD.js +0 -5633
  168. package/dist/camelToKebabCase-BAESShJ1.cjs +0 -1
  169. package/dist/camelToKebabCase-KgkZ7-1F.js +0 -28
  170. package/dist/default-BcPApP1Q.cjs +0 -318
  171. package/dist/icon-0-mbYGMr.cjs +0 -1
  172. package/dist/icon-BrFRYYf3.js +0 -66
  173. package/dist/mask-BgaDaVWU.js +0 -816
  174. package/dist/mask-pzGv8apS.cjs +0 -1
  175. package/dist/types/theme/changeTone.d.ts +0 -1
  176. package/dist/types/theme/colorPallete.d.ts +0 -2
  177. package/dist/types/theme/generateColors.d.ts +0 -1
  178. package/dist/types/theme/generateGradient.d.ts +0 -9
  179. package/dist/types/theme/getComplementaryColor.d.ts +0 -1
  180. package/dist/types/utils/color.d.ts +0 -3
  181. package/dist/types/utils/colors/normaliseColor.d.ts +0 -5
  182. package/dist/useSnackbar-CFrWSpt4.cjs +0 -1
  183. package/dist/useSnackbar-lGrTDbl-.js +0 -763
@@ -0,0 +1 @@
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;
@@ -0,0 +1,288 @@
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";
3
+ import { createGradientFromColor as b } from "@gradient-ui/gradient-engine";
4
+ function c(r, e) {
5
+ return (n) => {
6
+ const u = {};
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;
10
+ }
11
+ return u;
12
+ };
13
+ }
14
+ const p = c({
15
+ disabled: Boolean
16
+ });
17
+ function x(r, e) {
18
+ return t(() => r.disabled ? `${e}_disabled` : "");
19
+ }
20
+ const E = c({
21
+ rounded: Boolean
22
+ });
23
+ function h(r, e) {
24
+ return t(() => r.rounded ? `${e}_rounded` : "");
25
+ }
26
+ const T = [
27
+ "primary",
28
+ "main",
29
+ "error",
30
+ "warning",
31
+ "success",
32
+ "surface",
33
+ "on-surface"
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;
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;
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) => ({
45
+ color: `rgb(var(--g-color-${r}-${e}))`,
46
+ onColor: `rgb(var(--g-color-on-${r}-${e}))`,
47
+ gradient: `var(--g-gradient-${r}-${e})`
48
+ }), i = {
49
+ primary: {
50
+ color: "var(--g-token-color-primary)",
51
+ onColor: "var(--g-token-color-on-primary)",
52
+ gradient: "var(--g-gradient-main)"
53
+ },
54
+ main: {
55
+ color: "var(--g-token-color-primary)",
56
+ onColor: "var(--g-token-color-on-primary)",
57
+ gradient: "var(--g-gradient-main)"
58
+ },
59
+ error: {
60
+ color: "var(--g-token-color-error)",
61
+ onColor: "var(--g-token-color-on-error)",
62
+ gradient: "var(--g-gradient-error)"
63
+ },
64
+ warning: {
65
+ color: "var(--g-token-color-warning)",
66
+ onColor: "var(--g-token-color-on-warning)",
67
+ gradient: "var(--g-gradient-warning)"
68
+ },
69
+ success: {
70
+ color: "var(--g-token-color-success)",
71
+ onColor: "var(--g-token-color-on-success)",
72
+ gradient: "var(--g-gradient-success)"
73
+ },
74
+ surface: {
75
+ color: "var(--g-token-color-surface)",
76
+ onColor: "var(--g-token-color-on-surface)",
77
+ gradient: "var(--g-gradient-source-500)"
78
+ },
79
+ "on-surface": {
80
+ color: "var(--g-token-color-on-surface)",
81
+ onColor: "var(--g-token-color-surface)",
82
+ gradient: "var(--g-gradient-source-500)"
83
+ }
84
+ }, C = /* @__PURE__ */ new Set([
85
+ "source",
86
+ ...Object.keys(_).map($)
87
+ ]), L = new Set(O), M = new Set(T), B = /* @__PURE__ */ new Set([
88
+ "transparent",
89
+ "currentColor",
90
+ "currentcolor",
91
+ "inherit",
92
+ "initial",
93
+ "revert",
94
+ "unset",
95
+ "black",
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);
100
+ const e = r.match(/^(.+)-(\d+)$/);
101
+ if (!e || !C.has(e[1])) return null;
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({
105
+ color: {
106
+ type: String,
107
+ default: "primary"
108
+ }
109
+ });
110
+ function j(r) {
111
+ return {
112
+ colorStyles: t(() => {
113
+ const n = s(r.color);
114
+ return {
115
+ "--g-color": A(n),
116
+ "--g-on-color": P(n),
117
+ "--g-surface-color": "var(--g-token-color-surface)",
118
+ "--g-on-surface-color": "var(--g-token-color-on-surface)"
119
+ };
120
+ })
121
+ };
122
+ }
123
+ function K(r) {
124
+ const e = t(() => {
125
+ const a = s(r.activeState);
126
+ return s(r.active) && a !== void 0 ? a : s(r.state);
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(
134
+ () => ({
135
+ ...u.value,
136
+ "--g-gradient-current": o.value
137
+ })
138
+ );
139
+ return {
140
+ resolvedColor: n,
141
+ resolvedState: e,
142
+ resolvedGradient: o,
143
+ colorStyles: u,
144
+ surfaceColorStyles: u,
145
+ gradientStyles: l
146
+ };
147
+ }
148
+ const nr = (r) => t(() => {
149
+ const e = s(r);
150
+ return e === "" || e === null || e === void 0 ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
151
+ }), N = c({
152
+ variant: {
153
+ type: String,
154
+ default: "default"
155
+ }
156
+ });
157
+ function z(r, e) {
158
+ return t(() => `${e}_${r.variant}`);
159
+ }
160
+ const F = c({
161
+ state: String
162
+ });
163
+ function U(r, e) {
164
+ return t(() => r.state ? `${e}_${r.state}` : "");
165
+ }
166
+ const H = c({
167
+ backdropBlur: {
168
+ type: [Number, String],
169
+ default: 6
170
+ }
171
+ }), 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(() => ({
173
+ "--g-glass-backdrop-blur": e.value
174
+ }));
175
+ return {
176
+ backdropBlur: e,
177
+ glassStyles: n
178
+ };
179
+ }, q = c({
180
+ texture: {
181
+ type: String,
182
+ default: "none"
183
+ }
184
+ }), ar = c({
185
+ ...N(),
186
+ ...I(),
187
+ ...p(),
188
+ ...E(),
189
+ ...F(),
190
+ ...H(),
191
+ ...q()
192
+ });
193
+ function sr(r, e) {
194
+ const n = z(r, e), u = x(r, e), o = h(r, e), l = U(r, e), a = t(
195
+ () => r.texture && r.texture !== "none" ? `${e}_texture-${r.texture}` : ""
196
+ ), { colorStyles: f } = K(r), y = t(
197
+ () => [
198
+ n.value,
199
+ u.value,
200
+ o.value,
201
+ l.value,
202
+ a.value
203
+ ].filter(Boolean)
204
+ );
205
+ return {
206
+ variantClass: n,
207
+ disabledClass: u,
208
+ roundedClass: o,
209
+ stateClass: l,
210
+ textureClass: a,
211
+ surfaceStyles: f,
212
+ surfaceClasses: y
213
+ };
214
+ }
215
+ function Y(r) {
216
+ return {
217
+ surfaceUnderlayClasses: t(() => [
218
+ `${r}__surface-underlay`
219
+ ])
220
+ };
221
+ }
222
+ function J(r) {
223
+ return {
224
+ surfaceOverlayClasses: t(() => [
225
+ `${r}__surface-overlay`
226
+ ])
227
+ };
228
+ }
229
+ function Q(r) {
230
+ return {
231
+ surfaceTextureClasses: t(() => [
232
+ `${r}__surface-texture`
233
+ ])
234
+ };
235
+ }
236
+ function X(r) {
237
+ const e = t(() => [
238
+ `${r}__surface-material-morph`
239
+ ]);
240
+ return {
241
+ surfaceMaterialMorphBlobClasses: t(() => [
242
+ `${r}__surface-material-morph-blob`
243
+ ]),
244
+ surfaceMaterialMorphClasses: e
245
+ };
246
+ }
247
+ function Z(r) {
248
+ return {
249
+ surfaceContentClasses: t(() => [
250
+ `${r}__surface-content`
251
+ ])
252
+ };
253
+ }
254
+ function ur(r) {
255
+ return {
256
+ ...X(r),
257
+ ...Y(r),
258
+ ...J(r),
259
+ ...Q(r),
260
+ ...Z(r)
261
+ };
262
+ }
263
+ export {
264
+ T as S,
265
+ H as a,
266
+ w as b,
267
+ P as c,
268
+ or as d,
269
+ R as e,
270
+ q as f,
271
+ F as g,
272
+ E as h,
273
+ K as i,
274
+ nr as j,
275
+ ur as k,
276
+ p as l,
277
+ I as m,
278
+ x as n,
279
+ U as o,
280
+ c as p,
281
+ h as q,
282
+ A as r,
283
+ N as s,
284
+ ar as t,
285
+ j as u,
286
+ sr as v,
287
+ z as w
288
+ };
package/dist/theme.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./default-BcPApP1Q.cjs");exports.DEFAULT_SEED=e.DEFAULT_SEED;exports.createDefaultDarkTheme=e.createDefaultDarkTheme;exports.createDefaultLightTheme=e.createDefaultLightTheme;exports.createDefaultTheme=e.createDefaultTheme;exports.createTheme=e.createTheme;exports.installTheme=e.installTheme;exports.provideTheme=e.provideTheme;exports.useTheme=e.useTheme;
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});
package/dist/theme.mjs CHANGED
@@ -1,11 +1,57 @@
1
- import { D as s, c as t, a as h, b as m, d as r, i as T, p as D, u as c } from "./default-585QCoXx.js";
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";
2
5
  export {
3
- s as DEFAULT_SEED,
4
- t as createDefaultDarkTheme,
5
- h as createDefaultLightTheme,
6
- m as createDefaultTheme,
7
- r as createTheme,
8
- T as installTheme,
9
- D as provideTheme,
10
- c as useTheme
6
+ t as COLOR_SHADES,
7
+ M as DEFAULT_SEED,
8
+ r as ON_SHADE_TONES,
9
+ o as SHADE_TONES,
10
+ 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,
24
+ n as createOnPalette,
25
+ s as createPalette,
26
+ 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,
33
+ 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,
44
+ 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
11
57
  };
@@ -2,19 +2,21 @@ export { default as GText } from '@/components/ui/GText/GText.vue';
2
2
  export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from '@/components/ui/GTabs';
3
3
  export { GTransition, GTransitionGroup, GExpandTransition } from '@/components/transitions';
4
4
  export { default as GGradient } from '@/components/ui/GGradient/GGradient.vue';
5
+ export { GGradientMaterial } from '@/components/ui/GGradientMaterial';
5
6
  export { default as GButton } from '@/components/ui/GButton/GButton.vue';
6
7
  export { default as GChip } from '@/components/ui/GChip/GChip.vue';
7
8
  export { default as GCheckbox } from '@/components/ui/GCheckbox/GCheckbox.vue';
8
9
  export { default as GCheckboxGroup } from '@/components/ui/GCheckboxGroup/GCheckboxGroup.vue';
9
10
  export { default as GSquircle } from '@/components/ui/GSquircle/GSquircle.vue';
10
11
  export { default as GFAB } from '@/components/ui/GFAB/GFAB.vue';
12
+ export { GForm } from '@/components/ui/GForm';
11
13
  export { GQuickActions } from '@/components/ui/GQuickActions';
12
14
  export { default as GProgress } from '@/components/ui/GProgress/GProgress.vue';
13
15
  export { default as GLoading } from '@/components/ui/GLoading/GLoading.vue';
14
16
  export { useLoading } from '@/services/useLoading';
15
17
  export { GSnackbar } from '@/components/ui/GSnackbar';
16
18
  export { useSnackbar } from '@/services/useSnackbar';
17
- export { vGradientIcon, vGradientText, vLoading, vMask, vRipple, vTooltip } from '@/directives';
19
+ export { vGradientIcon, vGradientText, vLoading, vMask, vRipple, vSpecular, vTooltip } from '@/directives';
18
20
  export { default as GRadio } from '@/components/ui/GRadio/GRadio.vue';
19
21
  export { default as GAlert } from '@/components/ui/GAlert/GAlert.vue';
20
22
  export { GModal } from '@/components/ui/GModal';
@@ -31,6 +33,8 @@ export { GAside, GAsideGroup, GAsideItem } from '@/components/ui/GAside';
31
33
  export { default as GIcon } from '@/components/ui/GIcon/GIcon.vue';
32
34
  export { default as GBadge } from '@/components/ui/GBadge/GBadge.vue';
33
35
  export { default as GInput } from '@/components/ui/GInput/GInput.vue';
36
+ export { GTable } from '@/components/ui/GTable';
37
+ export type { GTableAlign, GTableBodySlotClasses, GTableBodySlotContext, GTableCellAttrs, GTableCellContext, GTableCellSpan, GTableDensity, GTableEmits, GTableHeader, GTableItemKey, GTableKey, GTableProps, GTableRowAttrs, GTableRowContext, GTableSlots } from '@/components/ui/GTable';
34
38
  export { applyMask, defaultMaskTokens, unmaskValue, useMask, type GMaskToken, type GMaskTokens, type GMaskValue } from '@/use/mask';
35
39
  export { defaultBreakpoints, useBreakpoints } from '@/use/breakpoints';
36
40
  export type { BreakpointMap, BreakpointName, BreakpointTarget } from '@/use/breakpoints';
@@ -217,6 +217,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
217
217
  transition: import("../../../use/transition").GTransitionValue;
218
218
  disabled: boolean;
219
219
  placement: import("../../../use/overlay").OverlayPlacement;
220
+ scrim: boolean;
220
221
  position: import("../../../use/overlay").OverlayPosition;
221
222
  modelValue: boolean;
222
223
  defaultOpen: boolean;
@@ -226,7 +227,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
226
227
  closeOnEsc: boolean;
227
228
  closeOnOutside: boolean;
228
229
  lockScroll: boolean;
229
- scrim: boolean;
230
230
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
231
231
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
232
232
  export default _default;