@gradient-ui/core 0.8.0 → 2.0.0

package/dist/theme.mjs

@@ -1,61 +1,62 @@
-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";
-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";
-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";
-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";
+import { c, a, b, d, e, i, p, u } from "./cssTokens-CR4OxIND.js";
+import { C, O, S, c as c2, a as a2, b as b2, d as d2, g, p as p2, r, e as e2 } from "./palette-CH8mtBoc.js";
+import { c as c3, a as a3, i as i2, b as b3, d as d3, e as e3, m } from "./scheme-Dp9cSd1s.js";
+import { DEFAULT_GRADIENT_MORPH_BLEND_MODE, DEFAULT_SEED, GRADIENT_MORPH_BLEND_MODES, createGradient, createGradientFromColor, createGradientMaterial, createGradientModel, createGradientModelFromColor, createGradientMorphBlobs, createGradientPreset, createGradientTokens, createLinearGradient, defineGradientPreset, defineGradientPresetRegistry, getGradientPreset, gradientPresets, isGradientMorphBlendMode, resolveGradientMorphBlendMode, toCanvasGradient, toCssGradient, toGradientAnimationCSS, toGradientBoxShadow, toGradientDropShadow, toGradientMorphCSS, toGradientMorphFilter, toGradientMorphFilterMarkup, toSvgGradient, toSvgGradientMarkup, toSvgPathAnimationMarkup, toSvgSourceAnimationMarkup } from "@gradient-ui/gradient-engine";
 export {
-  r as COLOR_SHADES,
-  P as DEFAULT_GRADIENT_MORPH_BLEND_MODE,
-  _ as DEFAULT_SEED,
-  f as GRADIENT_MORPH_BLEND_MODES,
-  t as ON_SHADE_TONES,
-  o as SHADE_TONES,
-  i as colorToHex,
-  M as createColorSystem,
-  $ as createDefaultDarkTheme,
-  ee as createDefaultLightTheme,
-  ae as createDefaultTheme,
-  A as createGradient,
-  O as createGradientFromColor,
-  u as createGradientMaterial,
-  k as createGradientModel,
-  v as createGradientModelFromColor,
-  x as createGradientMorphBlobs,
-  F as createGradientPreset,
-  H as createGradientTokens,
-  L as createLinearGradient,
-  n as createOnPalette,
-  s as createPalette,
-  d as createPalettePair,
-  p as createSemanticTokens,
-  re as createTheme,
-  N as defineGradientPreset,
-  b as defineGradientPresetRegistry,
-  G as getContrastingColor,
-  B as getGradientPreset,
-  g as gradientAnimation,
-  h as gradientCore,
-  T as gradientEffects,
-  D as gradientFormatters,
-  E as gradientMaterial,
-  R as gradientPresets,
-  te as installTheme,
-  w as isGradientMorphBlendMode,
-  c as parseColor,
-  oe as provideTheme,
-  y as resolveGradientMorphBlendMode,
-  l as rgbToChannels,
-  S as rgbToHex,
-  I as toCanvasGradient,
-  U as toCssGradient,
-  j as toGradientAnimationCSS,
-  q as toGradientBoxShadow,
-  z as toGradientDropShadow,
-  J as toGradientMorphCSS,
-  K as toGradientMorphFilter,
-  Q as toGradientMorphFilterMarkup,
-  V as toSvgGradient,
-  W as toSvgGradientMarkup,
-  X as toSvgPathAnimationMarkup,
-  Y as toSvgSourceAnimationMarkup,
-  ie as useTheme
+  C as COLOR_SHADES,
+  DEFAULT_GRADIENT_MORPH_BLEND_MODE,
+  DEFAULT_SEED,
+  GRADIENT_MORPH_BLEND_MODES,
+  O as ON_SHADE_TONES,
+  S as SHADE_TONES,
+  c2 as colorToHex,
+  c3 as createColorSystem,
+  c as createDefaultDarkTheme,
+  a as createDefaultLightTheme,
+  b as createDefaultTheme,
+  createGradient,
+  createGradientFromColor,
+  createGradientMaterial,
+  createGradientModel,
+  createGradientModelFromColor,
+  createGradientMorphBlobs,
+  createGradientPreset,
+  createGradientTokens,
+  createLinearGradient,
+  a2 as createOnPalette,
+  b2 as createPalette,
+  d2 as createPalettePair,
+  a3 as createSemanticTokens,
+  d as createTheme,
+  e as createTokensCSS,
+  defineGradientPreset,
+  defineGradientPresetRegistry,
+  g as getContrastingColor,
+  getGradientPreset,
+  i2 as gradientAnimation,
+  b3 as gradientCore,
+  d3 as gradientEffects,
+  e3 as gradientFormatters,
+  m as gradientMaterial,
+  gradientPresets,
+  i as installTheme,
+  isGradientMorphBlendMode,
+  p2 as parseColor,
+  p as provideTheme,
+  resolveGradientMorphBlendMode,
+  r as rgbToChannels,
+  e2 as rgbToHex,
+  toCanvasGradient,
+  toCssGradient,
+  toGradientAnimationCSS,
+  toGradientBoxShadow,
+  toGradientDropShadow,
+  toGradientMorphCSS,
+  toGradientMorphFilter,
+  toGradientMorphFilterMarkup,
+  toSvgGradient,
+  toSvgGradientMarkup,
+  toSvgPathAnimationMarkup,
+  toSvgSourceAnimationMarkup,
+  u as useTheme
 };

package/dist/tokenInputKeyboard-DBcgGd7c.js

@@ -0,0 +1,108 @@
+import { toValue } from "vue";
+const shouldRun = (value, event) => typeof value == "function" ? value(event) : value === void 0 || !!toValue(value), shouldApply = (value, event) => typeof value == "function" ? value(event) : !!value, matchesKey = (handler, key) => Array.isArray(handler.key) ? handler.key.includes(key) : handler.key === key;
+function useFieldKeyboard(options) {
+  function handleKeydown(event) {
+    if (toValue(options.disabled) || toValue(options.readonly) || options.ignoreComposing !== !1 && event.isComposing) return;
+    const handler = toValue(options.handlers).find(
+      (item) => matchesKey(item, event.key) && shouldRun(item.when, event)
+    );
+    handler && (shouldApply(handler.preventDefault, event) && event.preventDefault(), shouldApply(handler.stopPropagation, event) && event.stopPropagation(), handler.handler(event));
+  }
+  return {
+    handleKeydown
+  };
+}
+function useSelectCommit(options) {
+  function commitItem(item) {
+    var _a, _b, _c;
+    item.disabled || ((_a = options.isCustomItem) != null && _a.call(options, item) && ((_b = options.onAdd) == null || _b.call(options, item.raw, toValue(options.searchValue).trim())), options.selectItem(item), (_c = options.onSelect) == null || _c.call(options, item), toValue(options.isMultiple) ? options.setSearch("") : options.setSearch(item.label), toValue(options.shouldCloseOnSelect) && (options.open.value = !1), options.onInputValidation());
+  }
+  function onSelect(item) {
+    const resolvedItem = options.resolveMenuItem(item);
+    resolvedItem && commitItem(resolvedItem);
+  }
+  function selectFirstVisibleItem() {
+    const firstItem = options.firstVisibleItem();
+    firstItem && commitItem(firstItem);
+  }
+  function removeItem(item) {
+    options.selectItem(item), options.onInputValidation();
+  }
+  return {
+    commitItem,
+    onSelect,
+    selectFirstVisibleItem,
+    removeItem
+  };
+}
+function useSelectListboxKeyboard(options) {
+  return {
+    handlers: [
+      {
+        key: "Enter",
+        preventDefault: !0,
+        handler: options.selectFirstVisibleItem
+      },
+      {
+        key: "Escape",
+        handler: () => {
+          options.open.value = !1;
+        }
+      }
+    ]
+  };
+}
+const defaultActivatorIgnoreSelector = "input, button";
+function useSearchFieldControl(options) {
+  function handleInput(event) {
+    options.setSearch(event.target.value), options.open.value = !0, options.onInputValidation();
+  }
+  function handleFocus(event) {
+    options.onFocus(), options.open.value = !0, options.emitFocus(event);
+  }
+  function handleBlur(event) {
+    var _a;
+    options.onBlur(), options.emitBlur(event), (_a = options.afterBlur) == null || _a.call(options);
+  }
+  function handleClear() {
+    options.clearValue(), options.setSearch(""), options.onInputValidation(), options.emitClear();
+  }
+  function focusControl() {
+    var _a;
+    toValue(options.disabled) || ((_a = options.inputRef.value) == null || _a.focus(), options.open.value = !0);
+  }
+  function handleActivatorMousedown(event) {
+    if (toValue(options.disabled)) return;
+    const target = event.target, ignoreSelector = options.activatorIgnoreSelector ?? defaultActivatorIgnoreSelector;
+    target != null && target.closest(ignoreSelector) || (event.preventDefault(), focusControl());
+  }
+  return {
+    handleInput,
+    handleFocus,
+    handleBlur,
+    handleClear,
+    focusControl,
+    handleActivatorMousedown
+  };
+}
+function useTokenInputKeyboard(options) {
+  return {
+    handlers: [
+      {
+        key: "Backspace",
+        when: () => !!toValue(options.enabled) && !toValue(options.searchValue) && toValue(options.items).length > 0,
+        handler: () => {
+          const items = toValue(options.items), lastItem = items[items.length - 1];
+          lastItem !== void 0 && options.removeItem(lastItem);
+        }
+      }
+    ]
+  };
+}
+export {
+  useSearchFieldControl as a,
+  useSelectCommit as b,
+  useSelectListboxKeyboard as c,
+  useTokenInputKeyboard as d,
+  useFieldKeyboard as u
+};

package/dist/tokenInputKeyboard-DqEV34Li.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),shouldRun=(value,event)=>typeof value=="function"?value(event):value===void 0||!!vue.toValue(value),shouldApply=(value,event)=>typeof value=="function"?value(event):!!value,matchesKey=(handler,key)=>Array.isArray(handler.key)?handler.key.includes(key):handler.key===key;function useFieldKeyboard(options){function handleKeydown(event){if(vue.toValue(options.disabled)||vue.toValue(options.readonly)||options.ignoreComposing!==!1&&event.isComposing)return;const handler=vue.toValue(options.handlers).find(item=>matchesKey(item,event.key)&&shouldRun(item.when,event));handler&&(shouldApply(handler.preventDefault,event)&&event.preventDefault(),shouldApply(handler.stopPropagation,event)&&event.stopPropagation(),handler.handler(event))}return{handleKeydown}}function useSelectCommit(options){function commitItem(item){var _a,_b,_c;item.disabled||((_a=options.isCustomItem)!=null&&_a.call(options,item)&&((_b=options.onAdd)==null||_b.call(options,item.raw,vue.toValue(options.searchValue).trim())),options.selectItem(item),(_c=options.onSelect)==null||_c.call(options,item),vue.toValue(options.isMultiple)?options.setSearch(""):options.setSearch(item.label),vue.toValue(options.shouldCloseOnSelect)&&(options.open.value=!1),options.onInputValidation())}function onSelect(item){const resolvedItem=options.resolveMenuItem(item);resolvedItem&&commitItem(resolvedItem)}function selectFirstVisibleItem(){const firstItem=options.firstVisibleItem();firstItem&&commitItem(firstItem)}function removeItem(item){options.selectItem(item),options.onInputValidation()}return{commitItem,onSelect,selectFirstVisibleItem,removeItem}}function useSelectListboxKeyboard(options){return{handlers:[{key:"Enter",preventDefault:!0,handler:options.selectFirstVisibleItem},{key:"Escape",handler:()=>{options.open.value=!1}}]}}const defaultActivatorIgnoreSelector="input, button";function useSearchFieldControl(options){function handleInput(event){options.setSearch(event.target.value),options.open.value=!0,options.onInputValidation()}function handleFocus(event){options.onFocus(),options.open.value=!0,options.emitFocus(event)}function handleBlur(event){var _a;options.onBlur(),options.emitBlur(event),(_a=options.afterBlur)==null||_a.call(options)}function handleClear(){options.clearValue(),options.setSearch(""),options.onInputValidation(),options.emitClear()}function focusControl(){var _a;vue.toValue(options.disabled)||((_a=options.inputRef.value)==null||_a.focus(),options.open.value=!0)}function handleActivatorMousedown(event){if(vue.toValue(options.disabled))return;const target=event.target,ignoreSelector=options.activatorIgnoreSelector??defaultActivatorIgnoreSelector;target!=null&&target.closest(ignoreSelector)||(event.preventDefault(),focusControl())}return{handleInput,handleFocus,handleBlur,handleClear,focusControl,handleActivatorMousedown}}function useTokenInputKeyboard(options){return{handlers:[{key:"Backspace",when:()=>!!vue.toValue(options.enabled)&&!vue.toValue(options.searchValue)&&vue.toValue(options.items).length>0,handler:()=>{const items=vue.toValue(options.items),lastItem=items[items.length-1];lastItem!==void 0&&options.removeItem(lastItem)}}]}}exports.useFieldKeyboard=useFieldKeyboard;exports.useSearchFieldControl=useSearchFieldControl;exports.useSelectCommit=useSelectCommit;exports.useSelectListboxKeyboard=useSelectListboxKeyboard;exports.useTokenInputKeyboard=useTokenInputKeyboard;

package/dist/transition-BPMUkgHY.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),clientLifecycle=require("./clientLifecycle-DlIZRy4I.cjs"),transitionPresetNames={fade:"g-fade-transition",scale:"g-scale-transition","scale-only":"g-scale-only-transition","slide-x":"g-slide-x-transition","slide-x-reverse":"g-slide-x-reverse-transition","slide-y":"g-slide-y-transition","slide-y-reverse":"g-slide-y-reverse-transition",dialog:"g-dialog-transition",overlay:"g-overlay-transition",expand:"g-expand-transition"},makeTransitionProps=propsFactory.propsFactory({transition:{type:[Boolean,String,Object],default:void 0}},"transition"),makeGTransitionProps=propsFactory.propsFactory({...makeTransitionProps(),name:String,appear:Boolean,disabled:Boolean,group:Boolean,tag:String,mode:String,origin:String,duration:[Number,String],enterDuration:[Number,String],leaveDuration:[Number,String],easing:String,enterEasing:String,leaveEasing:String,distance:[Number,String],scale:[Number,String],opacity:{type:Boolean,default:void 0},leaveAbsolute:Boolean,hideOnLeave:Boolean,css:{type:Boolean,default:!0}},"transition");function resolveTransitionName(name){return name?transitionPresetNames[name]??name:""}function toTransitionCssSize(value){if(!(value===void 0||value===""))return typeof value=="number"?`${value}px`:value}function toTransitionCssDuration(value){if(!(value===void 0||value===""))return typeof value=="number"?`${value}ms`:value}function toTransitionDurationMs(value,fallback){if(value===void 0||value==="")return fallback;if(typeof value=="number")return value;const normalizedValue=value.trim();if(normalizedValue.endsWith("ms"))return Number.parseFloat(normalizedValue);if(normalizedValue.endsWith("s"))return Number.parseFloat(normalizedValue)*1e3;const parsed=Number.parseFloat(normalizedValue);return Number.isNaN(parsed)?fallback:parsed}function resolveTransitionOptions(transition,defaults){return transition===!1?{...defaults,disabled:!0}:transition===!0||transition===void 0?defaults:typeof transition=="string"?{...defaults,name:transition}:{...defaults,...transition}}function useReducedMotion(){const reducedMotion=vue.ref(!1);let query=null;const updateReducedMotion=()=>{reducedMotion.value=(query==null?void 0:query.matches)??!1};return clientLifecycle.onClientMounted(({window})=>{if(window.matchMedia)return query=window.matchMedia("(prefers-reduced-motion: reduce)"),updateReducedMotion(),query.addEventListener("change",updateReducedMotion),()=>query==null?void 0:query.removeEventListener("change",updateReducedMotion)}),reducedMotion}exports.makeGTransitionProps=makeGTransitionProps;exports.makeTransitionProps=makeTransitionProps;exports.resolveTransitionName=resolveTransitionName;exports.resolveTransitionOptions=resolveTransitionOptions;exports.toTransitionCssDuration=toTransitionCssDuration;exports.toTransitionCssSize=toTransitionCssSize;exports.toTransitionDurationMs=toTransitionDurationMs;exports.useReducedMotion=useReducedMotion;

package/dist/transition-DVGMCo2o.js

@@ -0,0 +1,108 @@
+import { ref } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { o as onClientMounted } from "./clientLifecycle-NZQzL_eH.js";
+const transitionPresetNames = {
+  fade: "g-fade-transition",
+  scale: "g-scale-transition",
+  "scale-only": "g-scale-only-transition",
+  "slide-x": "g-slide-x-transition",
+  "slide-x-reverse": "g-slide-x-reverse-transition",
+  "slide-y": "g-slide-y-transition",
+  "slide-y-reverse": "g-slide-y-reverse-transition",
+  dialog: "g-dialog-transition",
+  overlay: "g-overlay-transition",
+  expand: "g-expand-transition"
+}, makeTransitionProps = propsFactory(
+  {
+    transition: {
+      type: [Boolean, String, Object],
+      default: void 0
+    }
+  },
+  "transition"
+), makeGTransitionProps = propsFactory(
+  {
+    ...makeTransitionProps(),
+    name: String,
+    appear: Boolean,
+    disabled: Boolean,
+    group: Boolean,
+    tag: String,
+    mode: String,
+    origin: String,
+    duration: [Number, String],
+    enterDuration: [Number, String],
+    leaveDuration: [Number, String],
+    easing: String,
+    enterEasing: String,
+    leaveEasing: String,
+    distance: [Number, String],
+    scale: [Number, String],
+    opacity: {
+      type: Boolean,
+      default: void 0
+    },
+    leaveAbsolute: Boolean,
+    hideOnLeave: Boolean,
+    css: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  "transition"
+);
+function resolveTransitionName(name) {
+  return name ? transitionPresetNames[name] ?? name : "";
+}
+function toTransitionCssSize(value) {
+  if (!(value === void 0 || value === ""))
+    return typeof value == "number" ? `${value}px` : value;
+}
+function toTransitionCssDuration(value) {
+  if (!(value === void 0 || value === ""))
+    return typeof value == "number" ? `${value}ms` : value;
+}
+function toTransitionDurationMs(value, fallback) {
+  if (value === void 0 || value === "") return fallback;
+  if (typeof value == "number") return value;
+  const normalizedValue = value.trim();
+  if (normalizedValue.endsWith("ms"))
+    return Number.parseFloat(normalizedValue);
+  if (normalizedValue.endsWith("s"))
+    return Number.parseFloat(normalizedValue) * 1e3;
+  const parsed = Number.parseFloat(normalizedValue);
+  return Number.isNaN(parsed) ? fallback : parsed;
+}
+function resolveTransitionOptions(transition, defaults) {
+  return transition === !1 ? {
+    ...defaults,
+    disabled: !0
+  } : transition === !0 || transition === void 0 ? defaults : typeof transition == "string" ? {
+    ...defaults,
+    name: transition
+  } : {
+    ...defaults,
+    ...transition
+  };
+}
+function useReducedMotion() {
+  const reducedMotion = ref(!1);
+  let query = null;
+  const updateReducedMotion = () => {
+    reducedMotion.value = (query == null ? void 0 : query.matches) ?? !1;
+  };
+  return onClientMounted(({ window }) => {
+    if (window.matchMedia)
+      return query = window.matchMedia("(prefers-reduced-motion: reduce)"), updateReducedMotion(), query.addEventListener("change", updateReducedMotion), () => query == null ? void 0 : query.removeEventListener("change", updateReducedMotion);
+  }), reducedMotion;
+}
+export {
+  resolveTransitionName as a,
+  toTransitionCssSize as b,
+  toTransitionCssDuration as c,
+  makeTransitionProps as d,
+  makeGTransitionProps as m,
+  resolveTransitionOptions as r,
+  toTransitionDurationMs as t,
+  useReducedMotion as u
+};

package/dist/types/componentNames.d.ts

@@ -0,0 +1,5 @@
+/** Shared by full Vue registration and Nuxt's build-time auto-imports. */
+export declare const componentNames: readonly ["BaseOverlay", "GAlert", "GAside", "GAsideGroup", "GAsideItem", "GAvatar", "GAvatarGroup", "GBadge", "GButton", "GCard", "GCheckbox", "GCheckboxGroup", "GChip", "GDivider", "GDrawer", "GDropdownGroup", "GExpansion", "GExpansionGroup", "GFAB", "GForm", "GGradient", "GIcon", "GImg", "GInput", "GLoading", "GMenu", "GModal", "GNavbar", "GNavbarItem", "GNavbarMenu", "GNavbarSubItem", "GNavGroup", "GNavItem", "GNavList", "GProgress", "GQuickActions", "GRadio", "GSelect", "GSnackbar", "GSquircle", "GStepPanel", "GStepper", "GStepperActions", "GSwitch", "GTab", "GTabList", "GTabPanel", "GTabPanels", "GTable", "GTabs", "GText", "GTextarea", "GTooltip", "GTransition", "GTransitionGroup", "GExpandTransition", "GCombobox", "GGradientMaterial"];
+export type GradientUIComponentName = (typeof componentNames)[number];
+/** Components whose public name differs from their source directory. */
+export declare const componentEntryDirectories: Partial<Record<GradientUIComponentName, string>>;

package/dist/types/components/GGroup/GGroup.vue.d.ts

@@ -1,22 +1,24 @@
-import type { GroupMode, GroupModel } from '@/use/group/types';
-declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+import type { GroupMode, GroupModel } from '../../use/group/types.js';
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: GroupModel<T>) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & Partial<{}> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & {
         modelValue: GroupModel<T>;
         mode?: GroupMode;
         activeClass?: string;
     }> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {
+    slots: ReturnType<() => {
         default?(_: {}): any;
-    };
-    emit: (e: "update:modelValue", value: GroupModel<T>) => void;
-}>) => import("vue").VNode & {
+    }>;
+    emit: ((e: "update:modelValue", value: GroupModel<T>) => void) & {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -1 +1 @@
-export { default } from './GGroup.vue';
+export { default } from './GGroup.vue.js';

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

@@ -1,53 +1,55 @@
-export { default as GText } from '@/components/ui/GText/GText.vue';
-export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from '@/components/ui/GTabs';
-export { GStepper, GStepPanel, GStepperActions } from '@/components/ui/GStepper';
-export { GTransition, GTransitionGroup, GExpandTransition } from '@/components/transitions';
-export { default as GGradient } from '@/components/ui/GGradient/GGradient.vue';
-export { GGradientMaterial } from '@/components/ui/GGradientMaterial';
-export { GAvatar, GAvatarGroup } from '@/components/ui/GAvatar';
-export { default as GButton } from '@/components/ui/GButton/GButton.vue';
-export { GCard } from '@/components/ui/GCard';
-export { default as GChip } from '@/components/ui/GChip/GChip.vue';
-export { GDivider } from '@/components/ui/GDivider';
-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, 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';
-export { GDrawer } from '@/components/ui/GDrawer';
-export { default as GExpansion } from '@/components/ui/GExpansion/GExpansion.vue';
-export { default as GExpansionGroup } from '@/components/ui/GExpansionGroup/GExpansionGroup.vue';
-export { default as GTooltip } from '@/components/ui/GTooltip/GTooltip.vue';
-export { GMenu } from '@/components/ui/GMenu';
-export { default as GDropdownGroup } from '@/components/ui/GDropdownGroup';
-export { BaseOverlay } from '@/components/ui/BaseOverlay';
-export { GNavbar, GNavbarItem, GNavbarMenu, GNavbarSubItem } from '@/components/ui/GNavbar';
-export { GNavGroup, GNavItem, GNavList } from '@/components/ui/GNavList';
-export { GAside, GAsideGroup, GAsideItem } from '@/components/ui/GAside';
-export { default as GIcon } from '@/components/ui/GIcon/GIcon.vue';
-export { default as GBadge } from '@/components/ui/GBadge/GBadge.vue';
-export { default as GInput } from '@/components/ui/GInput/GInput.vue';
-export { GTable } from '@/components/ui/GTable';
-export { GCombobox } from '@/components/ui/GCombobox';
-export type { GAvatarGroupItem, GAvatarGroupProps, GAvatarEmits, GAvatarProps, GAvatarShape, GAvatarVariant } from '@/components/ui/GAvatar';
-export type { GCardDensity, GCardEmits, GCardLayout, GCardProps, GCardVariant } from '@/components/ui/GCard';
-export type { GDividerAlign, GDividerEffect, GDividerOrientation, GDividerProps, GDividerResolvedProps, GDividerVariant } from '@/components/ui/GDivider';
-export type { GTableAlign, GTableBodySlotClasses, GTableBodySlotContext, GTableCellAttrs, GTableCellContext, GTableCellSpan, GTableDensity, GTableEmits, GTableHeader, GTableItemKey, GTableKey, GTableProps, GTableRowAttrs, GTableRowContext, GTableSlots } from '@/components/ui/GTable';
-export type { GComboboxFilter, GComboboxItemFromQuery, GComboboxProps, GComboboxSlots } from '@/components/ui/GCombobox';
-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';
-export { applyMask, defaultMaskTokens, unmaskValue, useMask, type GMaskToken, type GMaskTokens, type GMaskValue } from '@/use/mask';
-export { defaultBreakpoints, useBreakpoints } from '@/use/breakpoints';
-export type { BreakpointMap, BreakpointName, BreakpointTarget } from '@/use/breakpoints';
-export { default as GTextarea } from '@/components/ui/GTextarea/GTextarea.vue';
-export { default as GSelect } from '@/components/ui/GSelect/GSelect.vue';
-export { default as GSwitch } from '@/components/ui/GSwitch/GSwitch.vue';
+export { default as GText } from './ui/GText/GText.vue.js';
+export { GTabs, GTabList, GTab, GTabPanels, GTabPanel } from './ui/GTabs/index.js';
+export { GStepper, GStepPanel, GStepperActions } from './ui/GStepper/index.js';
+export { GTransition, GTransitionGroup, GExpandTransition } from './transitions/index.js';
+export { default as GGradient } from './ui/GGradient/GGradient.vue.js';
+export { GGradientMaterial } from './ui/GGradientMaterial/index.js';
+export { GAvatar, GAvatarGroup } from './ui/GAvatar/index.js';
+export { default as GButton } from './ui/GButton/GButton.vue.js';
+export { GCard } from './ui/GCard/index.js';
+export { default as GChip } from './ui/GChip/GChip.vue.js';
+export { GDivider } from './ui/GDivider/index.js';
+export { default as GCheckbox } from './ui/GCheckbox/GCheckbox.vue.js';
+export { default as GCheckboxGroup } from './ui/GCheckboxGroup/GCheckboxGroup.vue.js';
+export { default as GSquircle } from './ui/GSquircle/GSquircle.vue.js';
+export { default as GFAB } from './ui/GFAB/GFAB.vue.js';
+export { GForm } from './ui/GForm/index.js';
+export { GQuickActions } from './ui/GQuickActions/index.js';
+export { default as GProgress } from './ui/GProgress/GProgress.vue.js';
+export { default as GLoading } from './ui/GLoading/GLoading.vue.js';
+export { useLoading } from '../services/useLoading.js';
+export { GSnackbar } from './ui/GSnackbar/index.js';
+export { useSnackbar } from '../services/useSnackbar.js';
+export { vGradientIcon, vGradientText, vLoading, vMask, vRipple, vSpecular, vTooltip } from '../directives/index.js';
+export { default as GRadio } from './ui/GRadio/GRadio.vue.js';
+export { default as GAlert } from './ui/GAlert/GAlert.vue.js';
+export { GModal } from './ui/GModal/index.js';
+export { GDrawer } from './ui/GDrawer/index.js';
+export { default as GExpansion } from './ui/GExpansion/GExpansion.vue.js';
+export { default as GExpansionGroup } from './ui/GExpansionGroup/GExpansionGroup.vue.js';
+export { default as GTooltip } from './ui/GTooltip/GTooltip.vue.js';
+export { GMenu } from './ui/GMenu/index.js';
+export { default as GDropdownGroup } from './ui/GDropdownGroup/index.js';
+export { BaseOverlay } from './ui/BaseOverlay/index.js';
+export { GNavbar, GNavbarItem, GNavbarMenu, GNavbarSubItem } from './ui/GNavbar/index.js';
+export { GNavGroup, GNavItem, GNavList } from './ui/GNavList/index.js';
+export { GAside, GAsideGroup, GAsideItem } from './ui/GAside/index.js';
+export { default as GIcon } from './ui/GIcon/GIcon.vue.js';
+export { GImg } from './ui/GImg/index.js';
+export { default as GBadge } from './ui/GBadge/GBadge.vue.js';
+export { default as GInput } from './ui/GInput/GInput.vue.js';
+export { GTable } from './ui/GTable/index.js';
+export { GCombobox } from './ui/GCombobox/index.js';
+export type { GImgEmits, GImgFit, GImgLoading, GImgProps, GImgResolvedProps, GImgSlotProps, GImgSource, GImgState } from './ui/GImg/index.js';
+export type { GAvatarGroupItem, GAvatarGroupProps, GAvatarEmits, GAvatarProps, GAvatarShape, GAvatarVariant } from './ui/GAvatar/index.js';
+export type { GCardDensity, GCardEmits, GCardLayout, GCardProps, GCardVariant } from './ui/GCard/index.js';
+export type { GDividerAlign, GDividerEffect, GDividerOrientation, GDividerProps, GDividerResolvedProps, GDividerVariant } from './ui/GDivider/index.js';
+export type { GTableAlign, GTableBodySlotClasses, GTableBodySlotContext, GTableCellAttrs, GTableCellContext, GTableCellSpan, GTableDensity, GTableEmits, GTableHeader, GTableItemKey, GTableKey, GTableProps, GTableRowAttrs, GTableRowContext, GTableSlots } from './ui/GTable/index.js';
+export type { GComboboxFilter, GComboboxItemFromQuery, GComboboxProps, GComboboxSlots } from './ui/GCombobox/index.js';
+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 './ui/GStepper/index.js';
+export { applyMask, defaultMaskTokens, unmaskValue, useMask, type GMaskToken, type GMaskTokens, type GMaskValue } from '../use/mask/index.js';
+export { defaultBreakpoints, useBreakpoints } from '../use/breakpoints/index.js';
+export type { BreakpointMap, BreakpointName, BreakpointTarget } from '../use/breakpoints/index.js';
+export { default as GTextarea } from './ui/GTextarea/GTextarea.vue.js';
+export { default as GSelect } from './ui/GSelect/GSelect.vue.js';
+export { default as GSwitch } from './ui/GSwitch/GSwitch.vue.js';