@gradient-ui/core 0.4.0 → 0.5.0-rc.0

package/dist/surface-8z3gR7vF.cjs

@@ -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;

package/dist/surface-BKu4KfkY.js

@@ -0,0 +1,288 @@
+import { computed as t, toValue as s } from "vue";
+import { p as g, g as k, f as _, h as $, C as O } from "./camelToKebabCase-6qY6WHvl.js";
+import { createGradientFromColor as b } from "@gradient-ui/gradient-engine";
+function c(r, e) {
+  return (n) => {
+    const u = {};
+    for (const o in r) {
+      const a = typeof r[o] == "object" && r[o] !== null && !Array.isArray(r[o]) ? { ...r[o] } : { type: r[o] };
+      n && o in n && (a.default = n[o]), e && !a.source && (a.source = e), u[o] = a;
+    }
+    return u;
+  };
+}
+const p = c({
+  disabled: Boolean
+});
+function x(r, e) {
+  return t(() => r.disabled ? `${e}_disabled` : "");
+}
+const E = c({
+  rounded: Boolean
+});
+function h(r, e) {
+  return t(() => r.rounded ? `${e}_rounded` : "");
+}
+const T = [
+  "primary",
+  "main",
+  "error",
+  "warning",
+  "success",
+  "surface",
+  "on-surface"
+], A = (r) => {
+  const e = d(r);
+  return e ? e.color : r ? g(r) || S(r) ? r : m(r) ? `rgb(var(--g-color-${r}))` : r : i.primary.color;
+}, P = (r) => {
+  const e = d(r);
+  return e ? e.onColor : r ? g(r) ? k(r) : m(r) ? `rgb(var(--g-color-on-${r}))` : i.primary.onColor : i.primary.onColor;
+}, w = (r) => {
+  if (!r) return i.primary.gradient;
+  const e = d(r);
+  return e ? e.gradient : g(r) ? b(r) : r.includes("gradient(") || r.startsWith("var(") ? r : `var(--g-gradient-${r}, var(--g-gradient-main))`;
+}, R = (r) => t(() => w(s(r))), v = (r, e) => ({
+  color: `rgb(var(--g-color-${r}-${e}))`,
+  onColor: `rgb(var(--g-color-on-${r}-${e}))`,
+  gradient: `var(--g-gradient-${r}-${e})`
+}), i = {
+  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)"
+  }
+}, C = /* @__PURE__ */ new Set([
+  "source",
+  ...Object.keys(_).map($)
+]), L = new Set(O), M = new Set(T), B = /* @__PURE__ */ new Set([
+  "transparent",
+  "currentColor",
+  "currentcolor",
+  "inherit",
+  "initial",
+  "revert",
+  "unset",
+  "black",
+  "white"
+]), 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) => {
+  if (C.has(r))
+    return v(r, 500);
+  const e = r.match(/^(.+)-(\d+)$/);
+  if (!e || !C.has(e[1])) return null;
+  const n = Number(e[2]);
+  return L.has(n) ? v(e[1], n) : null;
+}, d = (r) => r ? V(r) ? i[r] : G(r) : i.primary, I = c({
+  color: {
+    type: String,
+    default: "primary"
+  }
+});
+function j(r) {
+  return {
+    colorStyles: t(() => {
+      const n = s(r.color);
+      return {
+        "--g-color": A(n),
+        "--g-on-color": P(n),
+        "--g-surface-color": "var(--g-token-color-surface)",
+        "--g-on-surface-color": "var(--g-token-color-on-surface)"
+      };
+    })
+  };
+}
+function K(r) {
+  const e = t(() => {
+    const a = s(r.activeState);
+    return s(r.active) && a !== void 0 ? a : s(r.state);
+  }), n = t(() => {
+    const a = e.value;
+    if (a)
+      return a;
+    const f = s(r.activeColor);
+    return s(r.active) && f !== void 0 ? f : s(r.color);
+  }), { colorStyles: u } = j({ color: n }), o = R(n), l = t(
+    () => ({
+      ...u.value,
+      "--g-gradient-current": o.value
+    })
+  );
+  return {
+    resolvedColor: n,
+    resolvedState: e,
+    resolvedGradient: o,
+    colorStyles: u,
+    surfaceColorStyles: u,
+    gradientStyles: l
+  };
+}
+const nr = (r) => t(() => {
+  const e = s(r);
+  return e === "" || e === null || e === void 0 ? "" : typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
+}), N = c({
+  variant: {
+    type: String,
+    default: "default"
+  }
+});
+function z(r, e) {
+  return t(() => `${e}_${r.variant}`);
+}
+const F = c({
+  state: String
+});
+function U(r, e) {
+  return t(() => r.state ? `${e}_${r.state}` : "");
+}
+const H = c({
+  backdropBlur: {
+    type: [Number, String],
+    default: 6
+  }
+}), W = (r) => r === void 0 ? "6px" : typeof r == "number" ? `${r}px` : /^\d+(\.\d+)?$/.test(r) ? `${r}px` : r, or = (r) => {
+  const e = t(() => W(s(r.backdropBlur))), n = t(() => ({
+    "--g-glass-backdrop-blur": e.value
+  }));
+  return {
+    backdropBlur: e,
+    glassStyles: n
+  };
+}, q = c({
+  texture: {
+    type: String,
+    default: "none"
+  }
+}), ar = c({
+  ...N(),
+  ...I(),
+  ...p(),
+  ...E(),
+  ...F(),
+  ...H(),
+  ...q()
+});
+function sr(r, e) {
+  const n = z(r, e), u = x(r, e), o = h(r, e), l = U(r, e), a = t(
+    () => r.texture && r.texture !== "none" ? `${e}_texture-${r.texture}` : ""
+  ), { colorStyles: f } = K(r), y = t(
+    () => [
+      n.value,
+      u.value,
+      o.value,
+      l.value,
+      a.value
+    ].filter(Boolean)
+  );
+  return {
+    variantClass: n,
+    disabledClass: u,
+    roundedClass: o,
+    stateClass: l,
+    textureClass: a,
+    surfaceStyles: f,
+    surfaceClasses: y
+  };
+}
+function Y(r) {
+  return {
+    surfaceUnderlayClasses: t(() => [
+      `${r}__surface-underlay`
+    ])
+  };
+}
+function J(r) {
+  return {
+    surfaceOverlayClasses: t(() => [
+      `${r}__surface-overlay`
+    ])
+  };
+}
+function Q(r) {
+  return {
+    surfaceTextureClasses: t(() => [
+      `${r}__surface-texture`
+    ])
+  };
+}
+function X(r) {
+  const e = t(() => [
+    `${r}__surface-material-morph`
+  ]);
+  return {
+    surfaceMaterialMorphBlobClasses: t(() => [
+      `${r}__surface-material-morph-blob`
+    ]),
+    surfaceMaterialMorphClasses: e
+  };
+}
+function Z(r) {
+  return {
+    surfaceContentClasses: t(() => [
+      `${r}__surface-content`
+    ])
+  };
+}
+function ur(r) {
+  return {
+    ...X(r),
+    ...Y(r),
+    ...J(r),
+    ...Q(r),
+    ...Z(r)
+  };
+}
+export {
+  T as S,
+  H as a,
+  w as b,
+  P as c,
+  or as d,
+  R as e,
+  q as f,
+  F as g,
+  E as h,
+  K as i,
+  nr as j,
+  ur as k,
+  p as l,
+  I as m,
+  x as n,
+  U as o,
+  c as p,
+  h as q,
+  A as r,
+  N as s,
+  ar as t,
+  j as u,
+  sr as v,
+  z as w
+};

package/dist/theme.cjs

@@ -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;
+"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

@@ -1,11 +1,57 @@
-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";
+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";
+import { i as g, c as p, a as h, b as T, m as C } from "./material-okvXHenb.js";
+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";
+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";
 export {
-  s as DEFAULT_SEED,
-  t as createDefaultDarkTheme,
-  h as createDefaultLightTheme,
-  m as createDefaultTheme,
-  r as createTheme,
-  T as installTheme,
-  D as provideTheme,
-  c as useTheme
+  t as COLOR_SHADES,
+  M as DEFAULT_SEED,
+  r as ON_SHADE_TONES,
+  o as SHADE_TONES,
+  i as colorToHex,
+  D as createColorSystem,
+  u as createDefaultDarkTheme,
+  P as createDefaultLightTheme,
+  E as createDefaultTheme,
+  F as createGradient,
+  H as createGradientFromColor,
+  _ as createGradientMaterial,
+  L as createGradientModel,
+  N as createGradientModelFromColor,
+  w as createGradientMorphBlobs,
+  y as createGradientPreset,
+  B as createGradientTokens,
+  R as createLinearGradient,
+  n as createOnPalette,
+  s as createPalette,
+  d as createPalettePair,
+  A as createSemanticTokens,
+  k as createTheme,
+  U as defineGradientPreset,
+  j as defineGradientPresetRegistry,
+  c as getContrastingColor,
+  q as getGradientPreset,
+  g as gradientAnimation,
+  p as gradientCore,
+  h as gradientEffects,
+  T as gradientFormatters,
+  C as gradientMaterial,
+  z as gradientPresets,
+  x as installTheme,
+  l as parseColor,
+  O as provideTheme,
+  G as rgbToChannels,
+  m as rgbToHex,
+  I as toCanvasGradient,
+  J as toCssGradient,
+  K as toGradientAnimationCSS,
+  Q as toGradientBoxShadow,
+  V as toGradientDropShadow,
+  W as toGradientMorphCSS,
+  X as toGradientMorphFilter,
+  Y as toGradientMorphFilterMarkup,
+  Z as toSvgGradient,
+  $ as toSvgGradientMarkup,
+  ee as toSvgPathAnimationMarkup,
+  ae as toSvgSourceAnimationMarkup,
+  b as useTheme
 };

package/dist/types/components/index.d.ts

@@ -2,19 +2,21 @@ export { default as GText } from '@/components/ui/GText/GText.vue';
 export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from '@/components/ui/GTabs';
 export { GTransition, GTransitionGroup, GExpandTransition } from '@/components/transitions';
 export { default as GGradient } from '@/components/ui/GGradient/GGradient.vue';
+export { GGradientMaterial } from '@/components/ui/GGradientMaterial';
 export { default as GButton } from '@/components/ui/GButton/GButton.vue';
 export { default as GChip } from '@/components/ui/GChip/GChip.vue';
 export { default as GCheckbox } from '@/components/ui/GCheckbox/GCheckbox.vue';
 export { default as GCheckboxGroup } from '@/components/ui/GCheckboxGroup/GCheckboxGroup.vue';
 export { default as GSquircle } from '@/components/ui/GSquircle/GSquircle.vue';
 export { default as GFAB } from '@/components/ui/GFAB/GFAB.vue';
+export { GForm } from '@/components/ui/GForm';
 export { GQuickActions } from '@/components/ui/GQuickActions';
 export { default as GProgress } from '@/components/ui/GProgress/GProgress.vue';
 export { default as GLoading } from '@/components/ui/GLoading/GLoading.vue';
 export { useLoading } from '@/services/useLoading';
 export { GSnackbar } from '@/components/ui/GSnackbar';
 export { useSnackbar } from '@/services/useSnackbar';
-export { vGradientIcon, vGradientText, vLoading, vMask, vRipple, vTooltip } from '@/directives';
+export { vGradientIcon, vGradientText, vLoading, vMask, vRipple, vSpecular, vTooltip } from '@/directives';
 export { default as GRadio } from '@/components/ui/GRadio/GRadio.vue';
 export { default as GAlert } from '@/components/ui/GAlert/GAlert.vue';
 export { GModal } from '@/components/ui/GModal';

package/dist/types/components/ui/BaseOverlay/BaseOverlay.vue.d.ts

@@ -217,6 +217,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     transition: import("../../../use/transition").GTransitionValue;
     disabled: boolean;
     placement: import("../../../use/overlay").OverlayPlacement;
+    scrim: boolean;
     position: import("../../../use/overlay").OverlayPosition;
     modelValue: boolean;
     defaultOpen: boolean;
@@ -226,7 +227,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     closeOnEsc: boolean;
     closeOnOutside: boolean;
     lockScroll: boolean;
-    scrim: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;