@gradient-ui/core 0.8.0 → 1.0.0

package/dist/gradientMaterial-BEhJP5b1.js

@@ -0,0 +1,141 @@
+import { p as parseColor, f as COLOR_SEEDS, b as createPalette, C as COLOR_SHADES } from "./palette-CH8mtBoc.js";
+import { DEFAULT_SEED, createGradientMaterial, DEFAULT_GRADIENT_MORPH_BLEND_MODE } from "@gradient-ui/gradient-engine";
+import { u as useTheme } from "./cssTokens-CR4OxIND.js";
+import { c as camelToKebabCase } from "./camelToKebabCase-nw6sbguT.js";
+import { computed, toValue } from "vue";
+import { b as resolveOnColorValue, r as resolveColorValue, a as resolveGradientValue } from "./colorResolver-BBj51UAZ.js";
+const MATERIAL_RECIPE_BY_KIND = {
+  action: "materialAction",
+  surface: "materialSurface"
+}, DEFAULT_SHADOW = "var(--g-token-elevation-2)", EMPTY_SHADOW = "none", EMPTY_FILTER = "none", EMPTY_ANIMATION = "none", LIGHT_FOREGROUND = "#ffffff", DARK_FOREGROUND = "#0d0d12", PALETTE_SEEDS = Object.fromEntries(
+  Object.entries(COLOR_SEEDS).map(([name, seed]) => [
+    camelToKebabCase(name),
+    seed
+  ])
+), COLOR_SHADE_SET = new Set(COLOR_SHADES), SEMANTIC_MATERIAL_SEEDS = {
+  error: COLOR_SEEDS.red,
+  success: COLOR_SEEDS.green,
+  warning: COLOR_SEEDS.orange
+}, resolvePaletteSeed = (color) => {
+  if (color in PALETTE_SEEDS) return PALETTE_SEEDS[color];
+  const match = color.match(/^(.+)-(\d+)$/);
+  if (!match) return null;
+  const [, family, shadeValue] = match, seed = PALETTE_SEEDS[family], shade = Number(shadeValue);
+  return !seed || !COLOR_SHADE_SET.has(shade) ? null : createPalette(seed)[shade];
+}, resolveMaterialSeed = (color, themeSeed) => color ? parseColor(color) ? color : color === "primary" || color === "main" ? themeSeed : color in SEMANTIC_MATERIAL_SEEDS ? SEMANTIC_MATERIAL_SEEDS[color] : resolvePaletteSeed(color) : themeSeed, toLinear = (value) => {
+  const channel = value / 255;
+  return channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
+}, getRelativeLuminance = (color) => 0.2126 * toLinear(color.r) + 0.7152 * toLinear(color.g) + 0.0722 * toLinear(color.b), getContrastRatio = (foreground, background) => {
+  const foregroundLuminance = getRelativeLuminance(foreground), backgroundLuminance = getRelativeLuminance(background), lighter = Math.max(foregroundLuminance, backgroundLuminance), darker = Math.min(foregroundLuminance, backgroundLuminance);
+  return (lighter + 0.05) / (darker + 0.05);
+}, getGradientCenterColor = (material) => {
+  var _a, _b, _c;
+  const stops = (_a = material.gradient.stops) == null ? void 0 : _a.map((stop) => {
+    const color = parseColor(stop.color);
+    return color ? { color, position: stop.position } : null;
+  }).filter((stop) => stop !== null).sort((first, second) => first.position - second.position);
+  if (!(stops != null && stops.length)) return null;
+  const targetPosition = 50, nextIndex = stops.findIndex(
+    (stop) => stop.position >= targetPosition
+  );
+  if (nextIndex === -1) return ((_b = stops.at(-1)) == null ? void 0 : _b.color) ?? null;
+  if (nextIndex === 0) return ((_c = stops[0]) == null ? void 0 : _c.color) ?? null;
+  const previous = stops[nextIndex - 1], next = stops[nextIndex], distance = next.position - previous.position, progress = distance ? (targetPosition - previous.position) / distance : 0;
+  return {
+    r: previous.color.r + (next.color.r - previous.color.r) * progress,
+    g: previous.color.g + (next.color.g - previous.color.g) * progress,
+    b: previous.color.b + (next.color.b - previous.color.b) * progress
+  };
+}, getGradientForeground = (material, fallback) => {
+  const centerColor = getGradientCenterColor(material);
+  if (!centerColor) return fallback;
+  const bestCandidate = [LIGHT_FOREGROUND, DARK_FOREGROUND].map((color) => {
+    const parsed = parseColor(color);
+    return parsed ? {
+      color,
+      contrast: getContrastRatio(parsed, centerColor)
+    } : null;
+  }).filter(
+    (candidate) => !!candidate
+  ).sort(
+    (first, second) => second.contrast - first.contrast
+  )[0];
+  return (bestCandidate == null ? void 0 : bestCandidate.color) ?? fallback;
+}, createFallbackVars = (color, effects, animations, morphOptions) => ({
+  "--g-gradient-material-background": resolveGradientValue(color),
+  "--g-gradient-material-color": resolveColorValue(color),
+  "--g-gradient-material-foreground": resolveOnColorValue(color),
+  "--g-gradient-material-shadow": effects ? DEFAULT_SHADOW : EMPTY_SHADOW,
+  "--g-gradient-material-drop-shadow": EMPTY_FILTER,
+  "--g-gradient-material-filter": EMPTY_FILTER,
+  "--g-gradient-material-morph-blend-mode": (morphOptions == null ? void 0 : morphOptions.blendMode) ?? DEFAULT_GRADIENT_MORPH_BLEND_MODE,
+  "--g-gradient-material-animation": animations ? "var(--g-gradient-animation, none)" : EMPTY_ANIMATION,
+  "--g-gradient-current": "var(--g-gradient-material-background)",
+  "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
+  "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
+  "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
+}), createMaterialVars = (material, effects, animations, color, morphOptions) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const shadow = (_b = (_a = material.effects) == null ? void 0 : _a.boxShadow) == null ? void 0 : _b.cssVar, dropShadow = (_d = (_c = material.effects) == null ? void 0 : _c.dropShadow) == null ? void 0 : _d.cssVar, morph = (_f = (_e = material.effects) == null ? void 0 : _e.morph) == null ? void 0 : _f.cssVar, animation = (_g = material.animation) == null ? void 0 : _g.cssVar;
+  return {
+    ...material.cssVars,
+    "--g-gradient-material-background": `var(${material.gradient.cssVar})`,
+    "--g-gradient-material-color": resolveColorValue(color),
+    "--g-gradient-material-foreground": getGradientForeground(
+      material,
+      resolveOnColorValue(color)
+    ),
+    "--g-gradient-material-shadow": effects && shadow ? `var(${shadow})` : EMPTY_SHADOW,
+    "--g-gradient-material-drop-shadow": effects && dropShadow ? `var(${dropShadow})` : EMPTY_FILTER,
+    "--g-gradient-material-filter": effects && morph ? `var(${morph})` : effects && dropShadow ? `var(${dropShadow})` : EMPTY_FILTER,
+    "--g-gradient-material-morph-blend-mode": effects && ((_i = (_h = material.effects) == null ? void 0 : _h.morph) != null && _i.blendModeCssVar) ? `var(${material.effects.morph.blendModeCssVar})` : (morphOptions == null ? void 0 : morphOptions.blendMode) ?? DEFAULT_GRADIENT_MORPH_BLEND_MODE,
+    "--g-gradient-material-animation": animations && animation ? `var(${animation})` : EMPTY_ANIMATION,
+    "--g-gradient-current": "var(--g-gradient-material-background)",
+    "--g-gradient-current-shadow": "var(--g-gradient-material-shadow)",
+    "--g-gradient-current-filter": "var(--g-gradient-material-filter)",
+    "--g-gradient-current-animation": "var(--g-gradient-material-animation)"
+  };
+}, useGradientMaterial = (options = {}) => {
+  const theme = useTheme(), kind = computed(() => toValue(options.kind) ?? "surface"), effects = computed(() => !!toValue(options.effects)), animations = computed(() => !!toValue(options.animations)), resolvedColor = computed(() => toValue(options.color)), recipe = computed(() => toValue(options.recipe)), morph = computed(() => toValue(options.morph)), shouldGenerateMaterial = computed(
+    () => !!(effects.value || animations.value || recipe.value || morph.value || toValue(options.options))
+  ), materialSeed = computed(
+    () => resolveMaterialSeed(
+      resolvedColor.value,
+      (theme == null ? void 0 : theme.seed.value) ?? DEFAULT_SEED
+    )
+  ), material = computed(() => {
+    if (!shouldGenerateMaterial.value) return null;
+    const seed = materialSeed.value;
+    return seed ? createGradientMaterial(seed, {
+      ...toValue(options.options),
+      animation: toValue(options.animation),
+      animations: animations.value,
+      dropShadow: toValue(options.dropShadow),
+      effects: effects.value,
+      morph: morph.value,
+      recipe: recipe.value ?? MATERIAL_RECIPE_BY_KIND[kind.value],
+      shadow: toValue(options.shadow)
+    }) : null;
+  }), gradientMaterialStyles = computed(() => {
+    const generatedMaterial = material.value;
+    return generatedMaterial ? createMaterialVars(
+      generatedMaterial,
+      effects.value,
+      animations.value,
+      resolvedColor.value,
+      morph.value
+    ) : shouldGenerateMaterial.value ? createFallbackVars(
+      resolvedColor.value,
+      effects.value,
+      animations.value,
+      morph.value
+    ) : void 0;
+  });
+  return {
+    gradientMaterial: material,
+    gradientMaterialStyles
+  };
+};
+export {
+  useGradientMaterial as u
+};

package/dist/gradientMaterial-DrttA9E_.cjs

@@ -0,0 +1 @@
+"use strict";const palette=require("./palette-WOebHg01.cjs"),gradientEngine=require("@gradient-ui/gradient-engine"),cssTokens=require("./cssTokens-gELrmYNj.cjs"),camelToKebabCase=require("./camelToKebabCase-BFm1Zwmu.cjs"),vue=require("vue"),colorResolver=require("./colorResolver-C6PTz0S8.cjs"),MATERIAL_RECIPE_BY_KIND={action:"materialAction",surface:"materialSurface"},DEFAULT_SHADOW="var(--g-token-elevation-2)",EMPTY_SHADOW="none",EMPTY_FILTER="none",EMPTY_ANIMATION="none",LIGHT_FOREGROUND="#ffffff",DARK_FOREGROUND="#0d0d12",PALETTE_SEEDS=Object.fromEntries(Object.entries(palette.COLOR_SEEDS).map(([name,seed])=>[camelToKebabCase.camelToKebabCase(name),seed])),COLOR_SHADE_SET=new Set(palette.COLOR_SHADES),SEMANTIC_MATERIAL_SEEDS={error:palette.COLOR_SEEDS.red,success:palette.COLOR_SEEDS.green,warning:palette.COLOR_SEEDS.orange},resolvePaletteSeed=color=>{if(color in PALETTE_SEEDS)return PALETTE_SEEDS[color];const match=color.match(/^(.+)-(\d+)$/);if(!match)return null;const[,family,shadeValue]=match,seed=PALETTE_SEEDS[family],shade=Number(shadeValue);return!seed||!COLOR_SHADE_SET.has(shade)?null:palette.createPalette(seed)[shade]},resolveMaterialSeed=(color,themeSeed)=>color?palette.parseColor(color)?color:color==="primary"||color==="main"?themeSeed:color in SEMANTIC_MATERIAL_SEEDS?SEMANTIC_MATERIAL_SEEDS[color]:resolvePaletteSeed(color):themeSeed,toLinear=value=>{const channel=value/255;return channel<=.04045?channel/12.92:((channel+.055)/1.055)**2.4},getRelativeLuminance=color=>.2126*toLinear(color.r)+.7152*toLinear(color.g)+.0722*toLinear(color.b),getContrastRatio=(foreground,background)=>{const foregroundLuminance=getRelativeLuminance(foreground),backgroundLuminance=getRelativeLuminance(background),lighter=Math.max(foregroundLuminance,backgroundLuminance),darker=Math.min(foregroundLuminance,backgroundLuminance);return(lighter+.05)/(darker+.05)},getGradientCenterColor=material=>{var _a,_b,_c;const stops=(_a=material.gradient.stops)==null?void 0:_a.map(stop=>{const color=palette.parseColor(stop.color);return color?{color,position:stop.position}:null}).filter(stop=>stop!==null).sort((first,second)=>first.position-second.position);if(!(stops!=null&&stops.length))return null;const targetPosition=50,nextIndex=stops.findIndex(stop=>stop.position>=targetPosition);if(nextIndex===-1)return((_b=stops.at(-1))==null?void 0:_b.color)??null;if(nextIndex===0)return((_c=stops[0])==null?void 0:_c.color)??null;const previous=stops[nextIndex-1],next=stops[nextIndex],distance=next.position-previous.position,progress=distance?(targetPosition-previous.position)/distance:0;return{r:previous.color.r+(next.color.r-previous.color.r)*progress,g:previous.color.g+(next.color.g-previous.color.g)*progress,b:previous.color.b+(next.color.b-previous.color.b)*progress}},getGradientForeground=(material,fallback)=>{const centerColor=getGradientCenterColor(material);if(!centerColor)return fallback;const bestCandidate=[LIGHT_FOREGROUND,DARK_FOREGROUND].map(color=>{const parsed=palette.parseColor(color);return parsed?{color,contrast:getContrastRatio(parsed,centerColor)}:null}).filter(candidate=>!!candidate).sort((first,second)=>second.contrast-first.contrast)[0];return(bestCandidate==null?void 0:bestCandidate.color)??fallback},createFallbackVars=(color,effects,animations,morphOptions)=>({"--g-gradient-material-background":colorResolver.resolveGradientValue(color),"--g-gradient-material-color":colorResolver.resolveColorValue(color),"--g-gradient-material-foreground":colorResolver.resolveOnColorValue(color),"--g-gradient-material-shadow":effects?DEFAULT_SHADOW:EMPTY_SHADOW,"--g-gradient-material-drop-shadow":EMPTY_FILTER,"--g-gradient-material-filter":EMPTY_FILTER,"--g-gradient-material-morph-blend-mode":(morphOptions==null?void 0:morphOptions.blendMode)??gradientEngine.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":animations?"var(--g-gradient-animation, none)":EMPTY_ANIMATION,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}),createMaterialVars=(material,effects,animations,color,morphOptions)=>{var _a,_b,_c,_d,_e,_f,_g,_h,_i;const shadow=(_b=(_a=material.effects)==null?void 0:_a.boxShadow)==null?void 0:_b.cssVar,dropShadow=(_d=(_c=material.effects)==null?void 0:_c.dropShadow)==null?void 0:_d.cssVar,morph=(_f=(_e=material.effects)==null?void 0:_e.morph)==null?void 0:_f.cssVar,animation=(_g=material.animation)==null?void 0:_g.cssVar;return{...material.cssVars,"--g-gradient-material-background":`var(${material.gradient.cssVar})`,"--g-gradient-material-color":colorResolver.resolveColorValue(color),"--g-gradient-material-foreground":getGradientForeground(material,colorResolver.resolveOnColorValue(color)),"--g-gradient-material-shadow":effects&&shadow?`var(${shadow})`:EMPTY_SHADOW,"--g-gradient-material-drop-shadow":effects&&dropShadow?`var(${dropShadow})`:EMPTY_FILTER,"--g-gradient-material-filter":effects&&morph?`var(${morph})`:effects&&dropShadow?`var(${dropShadow})`:EMPTY_FILTER,"--g-gradient-material-morph-blend-mode":effects&&((_i=(_h=material.effects)==null?void 0:_h.morph)!=null&&_i.blendModeCssVar)?`var(${material.effects.morph.blendModeCssVar})`:(morphOptions==null?void 0:morphOptions.blendMode)??gradientEngine.DEFAULT_GRADIENT_MORPH_BLEND_MODE,"--g-gradient-material-animation":animations&&animation?`var(${animation})`:EMPTY_ANIMATION,"--g-gradient-current":"var(--g-gradient-material-background)","--g-gradient-current-shadow":"var(--g-gradient-material-shadow)","--g-gradient-current-filter":"var(--g-gradient-material-filter)","--g-gradient-current-animation":"var(--g-gradient-material-animation)"}},useGradientMaterial=(options={})=>{const theme=cssTokens.useTheme(),kind=vue.computed(()=>vue.toValue(options.kind)??"surface"),effects=vue.computed(()=>!!vue.toValue(options.effects)),animations=vue.computed(()=>!!vue.toValue(options.animations)),resolvedColor=vue.computed(()=>vue.toValue(options.color)),recipe=vue.computed(()=>vue.toValue(options.recipe)),morph=vue.computed(()=>vue.toValue(options.morph)),shouldGenerateMaterial=vue.computed(()=>!!(effects.value||animations.value||recipe.value||morph.value||vue.toValue(options.options))),materialSeed=vue.computed(()=>resolveMaterialSeed(resolvedColor.value,(theme==null?void 0:theme.seed.value)??gradientEngine.DEFAULT_SEED)),material=vue.computed(()=>{if(!shouldGenerateMaterial.value)return null;const seed=materialSeed.value;return seed?gradientEngine.createGradientMaterial(seed,{...vue.toValue(options.options),animation:vue.toValue(options.animation),animations:animations.value,dropShadow:vue.toValue(options.dropShadow),effects:effects.value,morph:morph.value,recipe:recipe.value??MATERIAL_RECIPE_BY_KIND[kind.value],shadow:vue.toValue(options.shadow)}):null}),gradientMaterialStyles=vue.computed(()=>{const generatedMaterial=material.value;return generatedMaterial?createMaterialVars(generatedMaterial,effects.value,animations.value,resolvedColor.value,morph.value):shouldGenerateMaterial.value?createFallbackVars(resolvedColor.value,effects.value,animations.value,morph.value):void 0});return{gradientMaterial:material,gradientMaterialStyles}};exports.useGradientMaterial=useGradientMaterial;

package/dist/groupContext-C2lbjfsf.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),asideGroupInjectionKey=Symbol("g-aside-group");function provideAsideGroup(context){vue.provide(asideGroupInjectionKey,context)}function useAsideGroupInject(){return vue.inject(asideGroupInjectionKey,null)}exports.provideAsideGroup=provideAsideGroup;exports.useAsideGroupInject=useAsideGroupInject;

package/dist/groupContext-CBceOY6B.js

@@ -0,0 +1,14 @@
+import { provide, inject } from "vue";
+const asideGroupInjectionKey = Symbol(
+  "g-aside-group"
+);
+function provideAsideGroup(context) {
+  provide(asideGroupInjectionKey, context);
+}
+function useAsideGroupInject() {
+  return inject(asideGroupInjectionKey, null);
+}
+export {
+  provideAsideGroup as p,
+  useAsideGroupInject as u
+};

package/dist/groupContext-DU6dxh4q.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),navGroupInjectionKey=Symbol("g-nav-group");function provideNavGroup(context){vue.provide(navGroupInjectionKey,context)}function useNavGroupInject(){return vue.inject(navGroupInjectionKey,null)}exports.provideNavGroup=provideNavGroup;exports.useNavGroupInject=useNavGroupInject;

package/dist/groupContext-vS5bHonI.js

@@ -0,0 +1,14 @@
+import { provide, inject } from "vue";
+const navGroupInjectionKey = Symbol(
+  "g-nav-group"
+);
+function provideNavGroup(context) {
+  provide(navGroupInjectionKey, context);
+}
+function useNavGroupInject() {
+  return inject(navGroupInjectionKey, null);
+}
+export {
+  provideNavGroup as p,
+  useNavGroupInject as u
+};

package/dist/head-BMx6G1g4.js

@@ -0,0 +1,45 @@
+import { b as createDefaultTheme, e as createTokensCSS } from "./cssTokens-CR4OxIND.js";
+import { DEFAULT_SEED } from "@gradient-ui/gradient-engine";
+const materialClass = "g-theme--material", defaultModeClasses = {
+  light: "g-theme--light",
+  dark: "g-theme--dark"
+}, createGradientUIHead = (options = {}) => {
+  const themeOptions = options.theme ?? {}, mode = themeOptions.mode ?? "light", modeClasses = { ...defaultModeClasses, ...options.modeClasses }, createPalette = (paletteMode) => createDefaultTheme(themeOptions.seed ?? DEFAULT_SEED, paletteMode, {
+    applyToDom: !1,
+    colors: themeOptions.colors
+  }), palettes = {
+    light: createPalette("light"),
+    dark: createPalette("dark")
+  }, createStyle = (id, prefix, key) => {
+    const css = (paletteMode, className) => createTokensCSS(palettes[paletteMode].tokens[key], {
+      className,
+      prefix
+    });
+    return {
+      id,
+      ...options.nonce ? { nonce: options.nonce } : {},
+      textContent: [
+        css(mode, materialClass),
+        css("light", `${materialClass}.${modeClasses.light}`),
+        css("dark", `${materialClass}.${modeClasses.dark}`)
+      ].join(`
+`)
+    };
+  };
+  return {
+    htmlAttrs: {
+      class: [
+        materialClass,
+        ...options.includeModeClass === !1 ? [] : [modeClasses[mode]]
+      ]
+    },
+    style: [
+      createStyle("g-theme-style", "theme", "theme"),
+      createStyle("g-color-style", "color", "colors"),
+      createStyle("g-gradient-style", "gradient", "gradients")
+    ]
+  };
+};
+export {
+  createGradientUIHead as c
+};

package/dist/head-u-LV2RM9.cjs

@@ -0,0 +1,2 @@
+"use strict";const cssTokens=require("./cssTokens-gELrmYNj.cjs"),gradientEngine=require("@gradient-ui/gradient-engine"),materialClass="g-theme--material",defaultModeClasses={light:"g-theme--light",dark:"g-theme--dark"},createGradientUIHead=(options={})=>{const themeOptions=options.theme??{},mode=themeOptions.mode??"light",modeClasses={...defaultModeClasses,...options.modeClasses},createPalette=paletteMode=>cssTokens.createDefaultTheme(themeOptions.seed??gradientEngine.DEFAULT_SEED,paletteMode,{applyToDom:!1,colors:themeOptions.colors}),palettes={light:createPalette("light"),dark:createPalette("dark")},createStyle=(id,prefix,key)=>{const css=(paletteMode,className)=>cssTokens.createTokensCSS(palettes[paletteMode].tokens[key],{className,prefix});return{id,...options.nonce?{nonce:options.nonce}:{},textContent:[css(mode,materialClass),css("light",`${materialClass}.${modeClasses.light}`),css("dark",`${materialClass}.${modeClasses.dark}`)].join(`
+`)}};return{htmlAttrs:{class:[materialClass,...options.includeModeClass===!1?[]:[modeClasses[mode]]]},style:[createStyle("g-theme-style","theme","theme"),createStyle("g-color-style","color","colors"),createStyle("g-gradient-style","gradient","gradients")]}};exports.createGradientUIHead=createGradientUIHead;

package/dist/icon-C1AhpC8p.js

@@ -0,0 +1,66 @@
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, computed, inject, provide } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MdiIconSet",
+  props: {
+    icon: {},
+    tag: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+      class: normalizeClass(["mdi", `mdi-${__props.icon}`]),
+      "aria-hidden": "true"
+    }, null, 8, ["class"]));
+  }
+}), IconsSymbol = Symbol("gradient-icons"), defaultIcons = {
+  defaultSet: "mdi",
+  aliases: {},
+  sets: {
+    mdi: {
+      component: _sfc_main
+    }
+  }
+};
+function createIcons(options = {}) {
+  return {
+    defaultSet: options.defaultSet ?? defaultIcons.defaultSet,
+    aliases: {
+      ...defaultIcons.aliases,
+      ...options.aliases ?? {}
+    },
+    sets: {
+      ...defaultIcons.sets,
+      ...options.sets ?? {}
+    }
+  };
+}
+function provideIcons(options = {}) {
+  provide(IconsSymbol, createIcons(options));
+}
+function installIcons(app, options = {}) {
+  app.provide(IconsSymbol, createIcons(options));
+}
+function useIcons() {
+  return inject(IconsSymbol, defaultIcons);
+}
+function useIcon(icon) {
+  const icons = useIcons();
+  return computed(() => {
+    let iconValue = icon() ?? "";
+    if (iconValue.startsWith("$")) {
+      const alias = iconValue.slice(1);
+      iconValue = icons.aliases[alias] ?? iconValue;
+    }
+    const [setName, setIcon] = iconValue.includes(":") ? iconValue.split(":", 2) : [icons.defaultSet, iconValue], set = icons.sets[setName] ?? icons.sets[icons.defaultSet];
+    return {
+      icon: setIcon ?? iconValue,
+      component: set.component
+    };
+  });
+}
+export {
+  useIcons as a,
+  createIcons as c,
+  installIcons as i,
+  provideIcons as p,
+  useIcon as u
+};

package/dist/icon-DgrRDU9A.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),_sfc_main=vue.defineComponent({__name:"MdiIconSet",props:{icon:{},tag:{}},setup(__props){return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(__props.tag),{class:vue.normalizeClass(["mdi",`mdi-${__props.icon}`]),"aria-hidden":"true"},null,8,["class"]))}}),IconsSymbol=Symbol("gradient-icons"),defaultIcons={defaultSet:"mdi",aliases:{},sets:{mdi:{component:_sfc_main}}};function createIcons(options={}){return{defaultSet:options.defaultSet??defaultIcons.defaultSet,aliases:{...defaultIcons.aliases,...options.aliases??{}},sets:{...defaultIcons.sets,...options.sets??{}}}}function provideIcons(options={}){vue.provide(IconsSymbol,createIcons(options))}function installIcons(app,options={}){app.provide(IconsSymbol,createIcons(options))}function useIcons(){return vue.inject(IconsSymbol,defaultIcons)}function useIcon(icon){const icons=useIcons();return vue.computed(()=>{let iconValue=icon()??"";if(iconValue.startsWith("$")){const alias=iconValue.slice(1);iconValue=icons.aliases[alias]??iconValue}const[setName,setIcon]=iconValue.includes(":")?iconValue.split(":",2):[icons.defaultSet,iconValue],set=icons.sets[setName]??icons.sets[icons.defaultSet];return{icon:setIcon??iconValue,component:set.component}})}exports.createIcons=createIcons;exports.installIcons=installIcons;exports.provideIcons=provideIcons;exports.useIcon=useIcon;exports.useIcons=useIcons;

package/dist/id-Cjq3OT0R.js

@@ -0,0 +1,5 @@
+import { useId } from "vue";
+const useSsrId = (prefix = "g") => `${prefix}-${(useId() ?? "").replaceAll(":", "")}`;
+export {
+  useSsrId as u
+};

package/dist/id-EYQallpf.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),useSsrId=(prefix="g")=>`${prefix}-${(vue.useId()??"").replaceAll(":","")}`;exports.useSsrId=useSsrId;

package/dist/index-71vxBpir.js

@@ -0,0 +1,53 @@
+import { ref, computed } from "vue";
+import { u as useSsrViewport } from "./viewport-DhX6inI4.js";
+import { o as onClientMounted } from "./clientLifecycle-NZQzL_eH.js";
+const defaultBreakpoints = {
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+}, resolveBreakpoint = (breakpoints, target) => typeof target == "number" ? target : breakpoints[target] ?? 0, useBreakpoints = (breakpoints = defaultBreakpoints, options = {}) => {
+  const viewport = useSsrViewport(), width = ref(options.initialWidth ?? (viewport == null ? void 0 : viewport.width) ?? 0), height = ref(options.initialHeight ?? (viewport == null ? void 0 : viewport.height) ?? 0), updateSize = (clientWindow) => {
+    width.value = clientWindow.innerWidth, height.value = clientWindow.innerHeight;
+  };
+  onClientMounted(({ window: clientWindow }) => {
+    const onResize = () => updateSize(clientWindow);
+    return onResize(), clientWindow.addEventListener("resize", onResize, { passive: !0 }), () => clientWindow.removeEventListener("resize", onResize);
+  });
+  const up = (target) => computed(
+    () => width.value >= resolveBreakpoint(breakpoints, target)
+  ), down = (target) => computed(
+    () => width.value <= resolveBreakpoint(breakpoints, target)
+  ), between = (min, max) => computed(() => {
+    const minWidth = resolveBreakpoint(breakpoints, min), maxWidth = resolveBreakpoint(breakpoints, max);
+    return width.value >= minWidth && width.value <= maxWidth;
+  }), name = computed(() => {
+    var _a;
+    const entries = Object.entries(breakpoints).sort((a, b) => a[1] - b[1]);
+    let current = ((_a = entries[0]) == null ? void 0 : _a[0]) ?? "";
+    for (const [key, value] of entries)
+      width.value >= value && (current = key);
+    return current;
+  });
+  return {
+    breakpoints,
+    width,
+    height,
+    name,
+    up,
+    down,
+    between,
+    smAndUp: up("sm"),
+    smAndDown: down("sm"),
+    mdAndUp: up("md"),
+    mdAndDown: down("md"),
+    lgAndUp: up("lg"),
+    lgAndDown: down("lg"),
+    xlAndUp: up("xl"),
+    xlAndDown: down("xl")
+  };
+};
+export {
+  defaultBreakpoints as d,
+  useBreakpoints as u
+};

package/dist/index-8uDgLBTF.cjs

@@ -0,0 +1 @@
+"use strict";const components_GText=require("./components/GText.cjs"),components_GTabs=require("./components/GTabs.cjs"),components_GTabList=require("./components/GTabList.cjs"),components_GTab=require("./components/GTab.cjs"),components_GTabPanels=require("./components/GTabPanels.cjs"),components_GTabPanel=require("./components/GTabPanel.cjs"),components_GStepper=require("./components/GStepper.cjs"),components_GStepPanel=require("./components/GStepPanel.cjs"),components_GStepperActions=require("./components/GStepperActions.cjs"),GTransition_vue_vue_type_script_setup_true_lang=require("./GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs"),GExpandTransition_vue_vue_type_script_setup_true_lang=require("./GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs"),GTransitionGroup_vue_vue_type_script_setup_true_lang=require("./GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs"),components_GGradient=require("./components/GGradient.cjs"),GGradientMaterial_vue_vue_type_style_index_0_lang=require("./GGradientMaterial.vue_vue_type_style_index_0_lang-DJcGdEVi.cjs"),components_GAvatar=require("./GAvatar-Dj6hSgL3.cjs"),components_GAvatarGroup=require("./components/GAvatarGroup.cjs"),GButton_vue_vue_type_style_index_0_lang=require("./GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs"),components_GCard=require("./components/GCard.cjs"),components_GChip=require("./components/GChip.cjs"),components_GDivider=require("./components/GDivider.cjs"),GCheckbox_vue_vue_type_script_setup_true_lang=require("./GCheckbox.vue_vue_type_script_setup_true_lang-hjvutORC.cjs"),GCheckboxGroup_vue_vue_type_script_setup_true_lang=require("./GCheckboxGroup.vue_vue_type_script_setup_true_lang-CjPc-fNv.cjs"),components_GSquircle=require("./components/GSquircle.cjs"),components_GFAB=require("./components/GFAB.cjs"),GForm_vue_vue_type_style_index_0_lang=require("./GForm.vue_vue_type_style_index_0_lang-BzOWdjzk.cjs"),components_GQuickActions=require("./components/GQuickActions.cjs"),components_GProgress=require("./components/GProgress.cjs"),GLoading_vue_vue_type_style_index_0_lang=require("./GLoading.vue_vue_type_style_index_0_lang-KmMjjwpE.cjs"),useSnackbar=require("./useSnackbar-CRUtXt4_.cjs"),components_GSnackbar=require("./components/GSnackbar.cjs"),mask=require("./mask-BGVqqZXk.cjs"),GRadio_vue_vue_type_script_setup_true_lang=require("./GRadio.vue_vue_type_script_setup_true_lang-DNRTDtF2.cjs"),components_GAlert=require("./components/GAlert.cjs"),components_GModal=require("./components/GModal.cjs"),components_GDrawer=require("./components/GDrawer.cjs"),components_GExpansion=require("./components/GExpansion.cjs"),components_GExpansionGroup=require("./components/GExpansionGroup.cjs"),components_GTooltip=require("./components/GTooltip.cjs"),components_GMenu=require("./components/GMenu.cjs"),components_GDropdownGroup=require("./components/GDropdownGroup.cjs"),components_BaseOverlay=require("./BaseOverlay-DgBWbJbs.cjs"),components_GNavbar=require("./components/GNavbar.cjs"),components_GNavbarItem=require("./components/GNavbarItem.cjs"),components_GNavbarMenu=require("./components/GNavbarMenu.cjs"),components_GNavbarSubItem=require("./components/GNavbarSubItem.cjs"),components_GNavList=require("./components/GNavList.cjs"),components_GNavGroup=require("./components/GNavGroup.cjs"),components_GNavItem=require("./components/GNavItem.cjs"),components_GAside=require("./components/GAside.cjs"),components_GAsideGroup=require("./components/GAsideGroup.cjs"),components_GAsideItem=require("./components/GAsideItem.cjs"),components_GIcon=require("./components/GIcon.cjs"),components_GImg=require("./components/GImg.cjs"),components_GBadge=require("./components/GBadge.cjs"),GInput_vue_vue_type_script_setup_true_lang=require("./GInput.vue_vue_type_script_setup_true_lang-dMjIUhb1.cjs"),GTable_vue_vue_type_style_index_1_lang=require("./GTable.vue_vue_type_style_index_1_lang-DgaYCTxJ.cjs"),components_GCombobox=require("./components/GCombobox.cjs"),index=require("./index-YvJ0cd3f.cjs"),index$1=require("./index-Dd_8Hfjk.cjs"),GTextarea_vue_vue_type_script_setup_true_lang=require("./GTextarea.vue_vue_type_script_setup_true_lang-CyuCJwv6.cjs"),components_GSelect=require("./components/GSelect.cjs"),GSwitch_vue_vue_type_script_setup_true_lang=require("./GSwitch.vue_vue_type_script_setup_true_lang-DC8vyW7e.cjs"),components=Object.freeze(Object.defineProperty({__proto__:null,BaseOverlay:components_BaseOverlay.BaseOverlay,GAlert:components_GAlert.default,GAside:components_GAside.default,GAsideGroup:components_GAsideGroup.default,GAsideItem:components_GAsideItem.default,GAvatar:components_GAvatar.GAvatar,GAvatarGroup:components_GAvatarGroup.default,GBadge:components_GBadge.default,GButton:GButton_vue_vue_type_style_index_0_lang._sfc_main,GCard:components_GCard.default,GCheckbox:GCheckbox_vue_vue_type_script_setup_true_lang._sfc_main,GCheckboxGroup:GCheckboxGroup_vue_vue_type_script_setup_true_lang._sfc_main,GChip:components_GChip.default,GCombobox:components_GCombobox.default,GDivider:components_GDivider.default,GDrawer:components_GDrawer.default,GDropdownGroup:components_GDropdownGroup.default,GExpandTransition:GExpandTransition_vue_vue_type_script_setup_true_lang._sfc_main,GExpansion:components_GExpansion.default,GExpansionGroup:components_GExpansionGroup.default,GFAB:components_GFAB.default,GForm:GForm_vue_vue_type_style_index_0_lang._sfc_main,GGradient:components_GGradient.default,GGradientMaterial:GGradientMaterial_vue_vue_type_style_index_0_lang._sfc_main,GIcon:components_GIcon.default,GImg:components_GImg.default,GInput:GInput_vue_vue_type_script_setup_true_lang._sfc_main,GLoading:GLoading_vue_vue_type_style_index_0_lang._sfc_main,GMenu:components_GMenu.default,GModal:components_GModal.default,GNavGroup:components_GNavGroup.default,GNavItem:components_GNavItem.default,GNavList:components_GNavList.default,GNavbar:components_GNavbar.default,GNavbarItem:components_GNavbarItem.default,GNavbarMenu:components_GNavbarMenu.default,GNavbarSubItem:components_GNavbarSubItem.default,GProgress:components_GProgress.default,GQuickActions:components_GQuickActions.default,GRadio:GRadio_vue_vue_type_script_setup_true_lang._sfc_main,GSelect:components_GSelect.default,GSnackbar:components_GSnackbar.default,GSquircle:components_GSquircle.default,GStepPanel:components_GStepPanel.default,GStepper:components_GStepper.default,GStepperActions:components_GStepperActions.default,GSwitch:GSwitch_vue_vue_type_script_setup_true_lang._sfc_main,GTab:components_GTab.default,GTabList:components_GTabList.default,GTabPanel:components_GTabPanel.default,GTabPanels:components_GTabPanels.default,GTable:GTable_vue_vue_type_style_index_1_lang._sfc_main,GTabs:components_GTabs.default,GText:components_GText.default,GTextarea:GTextarea_vue_vue_type_script_setup_true_lang._sfc_main,GTooltip:components_GTooltip.default,GTransition:GTransition_vue_vue_type_script_setup_true_lang._sfc_main,GTransitionGroup:GTransitionGroup_vue_vue_type_script_setup_true_lang._sfc_main,applyMask:index.applyMask,defaultBreakpoints:index$1.defaultBreakpoints,defaultMaskTokens:index.defaultMaskTokens,unmaskValue:index.unmaskValue,useBreakpoints:index$1.useBreakpoints,useLoading:useSnackbar.useLoading,useMask:index.useMask,useSnackbar:useSnackbar.useSnackbar,vGradientIcon:mask.gradientIcon,vGradientText:mask.vGradientText,vLoading:mask.loading,vMask:mask.vMask,vRipple:mask.ripple,vSpecular:mask.specular,vTooltip:mask.vTooltip},Symbol.toStringTag,{value:"Module"}));exports.components=components;

package/dist/index-BDHATTpo.js

@@ -0,0 +1,141 @@
+import GText from "./components/GText.mjs";
+import GTabs from "./components/GTabs.mjs";
+import GTabList from "./components/GTabList.mjs";
+import GTab from "./components/GTab.mjs";
+import GTabPanels from "./components/GTabPanels.mjs";
+import GTabPanel from "./components/GTabPanel.mjs";
+import GStepper from "./components/GStepper.mjs";
+import GStepPanel from "./components/GStepPanel.mjs";
+import GStepperActions from "./components/GStepperActions.mjs";
+import { _ as _sfc_main$c } from "./GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import { _ as _sfc_main$3 } from "./GExpandTransition.vue_vue_type_script_setup_true_lang-ztMeJVQO.js";
+import { _ as _sfc_main$d } from "./GTransitionGroup.vue_vue_type_script_setup_true_lang-CDu6W6-X.js";
+import GGradient from "./components/GGradient.mjs";
+import { _ as _sfc_main$5 } from "./GGradientMaterial.vue_vue_type_style_index_0_lang-ChRL7BIo.js";
+import { G as GAvatar } from "./GAvatar-CN3PHGY_.js";
+import GAvatarGroup from "./components/GAvatarGroup.mjs";
+import { _ as _sfc_main } from "./GButton.vue_vue_type_style_index_0_lang-D9qRus1m.js";
+import GCard from "./components/GCard.mjs";
+import GChip from "./components/GChip.mjs";
+import GDivider from "./components/GDivider.mjs";
+import { _ as _sfc_main$1 } from "./GCheckbox.vue_vue_type_script_setup_true_lang-BrQE29bm.js";
+import { _ as _sfc_main$2 } from "./GCheckboxGroup.vue_vue_type_script_setup_true_lang-ChPcOQYQ.js";
+import GSquircle from "./components/GSquircle.mjs";
+import GFAB from "./components/GFAB.mjs";
+import { _ as _sfc_main$4 } from "./GForm.vue_vue_type_style_index_0_lang-DpPM5snQ.js";
+import GQuickActions from "./components/GQuickActions.mjs";
+import GProgress from "./components/GProgress.mjs";
+import { _ as _sfc_main$7 } from "./GLoading.vue_vue_type_style_index_0_lang-BNOsRA0v.js";
+import { u as useLoading, b as useSnackbar } from "./useSnackbar-CGt0lJDk.js";
+import GSnackbar from "./components/GSnackbar.mjs";
+import { g as gradientIcon, v as vGradientText, l as loading, a as vMask, r as ripple, s as specular, b as vTooltip } from "./mask-D4VYR8fo.js";
+import { _ as _sfc_main$8 } from "./GRadio.vue_vue_type_script_setup_true_lang-kE-52Aj1.js";
+import GAlert from "./components/GAlert.mjs";
+import GModal from "./components/GModal.mjs";
+import GDrawer from "./components/GDrawer.mjs";
+import GExpansion from "./components/GExpansion.mjs";
+import GExpansionGroup from "./components/GExpansionGroup.mjs";
+import GTooltip from "./components/GTooltip.mjs";
+import GMenu from "./components/GMenu.mjs";
+import GDropdownGroup from "./components/GDropdownGroup.mjs";
+import { B as BaseOverlay } from "./BaseOverlay-DzJ37TCS.js";
+import GNavbar from "./components/GNavbar.mjs";
+import GNavbarItem from "./components/GNavbarItem.mjs";
+import GNavbarMenu from "./components/GNavbarMenu.mjs";
+import GNavbarSubItem from "./components/GNavbarSubItem.mjs";
+import GNavList from "./components/GNavList.mjs";
+import GNavGroup from "./components/GNavGroup.mjs";
+import GNavItem from "./components/GNavItem.mjs";
+import GAside from "./components/GAside.mjs";
+import GAsideGroup from "./components/GAsideGroup.mjs";
+import GAsideItem from "./components/GAsideItem.mjs";
+import GIcon from "./components/GIcon.mjs";
+import GImg from "./components/GImg.mjs";
+import GBadge from "./components/GBadge.mjs";
+import { _ as _sfc_main$6 } from "./GInput.vue_vue_type_script_setup_true_lang-BHM4W0S8.js";
+import { _ as _sfc_main$a } from "./GTable.vue_vue_type_style_index_1_lang-BECleEMi.js";
+import GCombobox from "./components/GCombobox.mjs";
+import { a as applyMask, d as defaultMaskTokens, u as unmaskValue, b as useMask } from "./index-DQ6stZ3U.js";
+import { d as defaultBreakpoints, u as useBreakpoints } from "./index-71vxBpir.js";
+import { _ as _sfc_main$b } from "./GTextarea.vue_vue_type_script_setup_true_lang-zSTso23Z.js";
+import GSelect from "./components/GSelect.mjs";
+import { _ as _sfc_main$9 } from "./GSwitch.vue_vue_type_script_setup_true_lang-BZXxiyLT.js";
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BaseOverlay,
+  GAlert,
+  GAside,
+  GAsideGroup,
+  GAsideItem,
+  GAvatar,
+  GAvatarGroup,
+  GBadge,
+  GButton: _sfc_main,
+  GCard,
+  GCheckbox: _sfc_main$1,
+  GCheckboxGroup: _sfc_main$2,
+  GChip,
+  GCombobox,
+  GDivider,
+  GDrawer,
+  GDropdownGroup,
+  GExpandTransition: _sfc_main$3,
+  GExpansion,
+  GExpansionGroup,
+  GFAB,
+  GForm: _sfc_main$4,
+  GGradient,
+  GGradientMaterial: _sfc_main$5,
+  GIcon,
+  GImg,
+  GInput: _sfc_main$6,
+  GLoading: _sfc_main$7,
+  GMenu,
+  GModal,
+  GNavGroup,
+  GNavItem,
+  GNavList,
+  GNavbar,
+  GNavbarItem,
+  GNavbarMenu,
+  GNavbarSubItem,
+  GProgress,
+  GQuickActions,
+  GRadio: _sfc_main$8,
+  GSelect,
+  GSnackbar,
+  GSquircle,
+  GStepPanel,
+  GStepper,
+  GStepperActions,
+  GSwitch: _sfc_main$9,
+  GTab,
+  GTabList,
+  GTabPanel,
+  GTabPanels,
+  GTable: _sfc_main$a,
+  GTabs,
+  GText,
+  GTextarea: _sfc_main$b,
+  GTooltip,
+  GTransition: _sfc_main$c,
+  GTransitionGroup: _sfc_main$d,
+  applyMask,
+  defaultBreakpoints,
+  defaultMaskTokens,
+  unmaskValue,
+  useBreakpoints,
+  useLoading,
+  useMask,
+  useSnackbar,
+  vGradientIcon: gradientIcon,
+  vGradientText,
+  vLoading: loading,
+  vMask,
+  vRipple: ripple,
+  vSpecular: specular,
+  vTooltip
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  components as c
+};

package/dist/index-DQ6stZ3U.js

@@ -0,0 +1,97 @@
+import { computed, toValue } from "vue";
+const defaultMaskTokens = {
+  "#": {
+    pattern: /\d/
+  },
+  X: {
+    pattern: /[0-9a-zа-я]/i
+  },
+  S: {
+    pattern: /[a-zа-я]/i
+  },
+  A: {
+    pattern: /[a-zа-я]/i,
+    transform: (value) => value.toLocaleUpperCase()
+  },
+  a: {
+    pattern: /[a-zа-я]/i,
+    transform: (value) => value.toLocaleLowerCase()
+  }
+};
+function getTokenEntries(mask, tokens) {
+  return [...mask].filter((char) => tokens[char]);
+}
+function stripMask(value, tokens) {
+  return [...value].filter(
+    (char) => Object.values(tokens).some((token) => token.pattern.test(char))
+  ).join("");
+}
+function applyMaskPattern(value, mask, tokens, fillLiterals = !0) {
+  var _a;
+  const chars = [...stripMask(value, tokens)], output = [];
+  let valueIndex = 0;
+  for (const maskChar of mask) {
+    const token = tokens[maskChar];
+    if (!token) {
+      fillLiterals && valueIndex < chars.length && output.push(maskChar);
+      continue;
+    }
+    for (; valueIndex < chars.length; ) {
+      const char = chars[valueIndex];
+      if (valueIndex += 1, !!token.pattern.test(char)) {
+        output.push(((_a = token.transform) == null ? void 0 : _a.call(token, char)) ?? char);
+        break;
+      }
+    }
+    if (valueIndex >= chars.length && output.length)
+      break;
+  }
+  return output.join("");
+}
+function resolveMask(value, mask, tokens) {
+  if (!Array.isArray(mask)) return mask;
+  const rawValue = stripMask(value, tokens);
+  return mask.find((maskPattern) => {
+    const tokenCount = getTokenEntries(maskPattern, tokens).length;
+    return rawValue.length <= tokenCount;
+  }) ?? mask.at(-1);
+}
+function applyMask(value, mask, tokens = defaultMaskTokens) {
+  const resolvedMask = resolveMask(value, mask, tokens);
+  return resolvedMask ? applyMaskPattern(value, resolvedMask, tokens) : value;
+}
+function unmaskValue(value, tokens = defaultMaskTokens) {
+  return stripMask(value, tokens);
+}
+function useMask(options) {
+  const tokens = computed(() => ({
+    ...defaultMaskTokens,
+    ...toValue(options.tokens) ?? {}
+  })), isMasked = computed(() => !!toValue(options.mask)), shouldReturnMaskedValue = computed(
+    () => toValue(options.returnMaskedValue) ?? !0
+  );
+  function format(value) {
+    return applyMask(value, toValue(options.mask), tokens.value);
+  }
+  function toModelValue(value) {
+    if (!isMasked.value) return value;
+    const maskedValue = format(value);
+    return shouldReturnMaskedValue.value ? maskedValue : unmaskValue(maskedValue, tokens.value);
+  }
+  function toDisplayValue(value) {
+    return isMasked.value ? format(value) : value;
+  }
+  return {
+    isMasked,
+    tokens,
+    format,
+    toModelValue,
+    toDisplayValue
+  };
+}
+export {
+  applyMask as a,
+  useMask as b,
+  defaultMaskTokens as d,
+  unmaskValue as u
+};

package/dist/index-Dd_8Hfjk.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),viewport=require("./viewport-BhvdzcLi.cjs"),clientLifecycle=require("./clientLifecycle-DlIZRy4I.cjs"),defaultBreakpoints={sm:600,md:900,lg:1200,xl:1536},resolveBreakpoint=(breakpoints,target)=>typeof target=="number"?target:breakpoints[target]??0,useBreakpoints=(breakpoints=defaultBreakpoints,options={})=>{const viewport$1=viewport.useSsrViewport(),width=vue.ref(options.initialWidth??(viewport$1==null?void 0:viewport$1.width)??0),height=vue.ref(options.initialHeight??(viewport$1==null?void 0:viewport$1.height)??0),updateSize=clientWindow=>{width.value=clientWindow.innerWidth,height.value=clientWindow.innerHeight};clientLifecycle.onClientMounted(({window:clientWindow})=>{const onResize=()=>updateSize(clientWindow);return onResize(),clientWindow.addEventListener("resize",onResize,{passive:!0}),()=>clientWindow.removeEventListener("resize",onResize)});const up=target=>vue.computed(()=>width.value>=resolveBreakpoint(breakpoints,target)),down=target=>vue.computed(()=>width.value<=resolveBreakpoint(breakpoints,target)),between=(min,max)=>vue.computed(()=>{const minWidth=resolveBreakpoint(breakpoints,min),maxWidth=resolveBreakpoint(breakpoints,max);return width.value>=minWidth&&width.value<=maxWidth}),name=vue.computed(()=>{var _a;const entries=Object.entries(breakpoints).sort((a,b)=>a[1]-b[1]);let current=((_a=entries[0])==null?void 0:_a[0])??"";for(const[key,value]of entries)width.value>=value&&(current=key);return current});return{breakpoints,width,height,name,up,down,between,smAndUp:up("sm"),smAndDown:down("sm"),mdAndUp:up("md"),mdAndDown:down("md"),lgAndUp:up("lg"),lgAndDown:down("lg"),xlAndUp:up("xl"),xlAndDown:down("xl")}};exports.defaultBreakpoints=defaultBreakpoints;exports.useBreakpoints=useBreakpoints;