@gradient-ui/core 0.8.0 → 1.0.0

package/dist/components/GGradient.mjs

@@ -0,0 +1,158 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, createCommentVNode, useId, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { u as useGradient, b as useGradientGlow, c as useGradientSurface, m as makeGradientProps } from "../gradient-Cesrzb2-.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1$1 = {
+  class: "g-gradient-border-layer",
+  "aria-hidden": "true"
+}, _hoisted_2 = {
+  class: "g-gradient-border-layer__svg",
+  "aria-hidden": "true",
+  focusable: "false",
+  preserveAspectRatio: "none"
+}, _hoisted_3 = ["id"], _hoisted_4 = ["x", "y"], _hoisted_5 = ["id", "x", "y", "width", "height"], _hoisted_6 = ["stdDeviation"], _hoisted_7 = ["filter"], _hoisted_8 = ["mask"], _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "GGradientBorderLayer",
+  props: {
+    maskId: {},
+    borderRadius: {},
+    borderWidth: {},
+    placement: {},
+    rounded: { type: Boolean },
+    glowBlur: {}
+  },
+  setup(__props) {
+    const props = __props, maskReference = computed(() => `url(#${props.maskId})`), glowFilterId = computed(() => `${props.maskId}-blur`), glowFilterReference = computed(
+      () => props.glowBlur ? `url(#${glowFilterId.value})` : void 0
+    ), glowFilterBleed = computed(() => (props.glowBlur ?? 0) * 4), toNumber = (value) => Number.parseFloat(String(value)), geometry = computed(() => {
+      const width = "100cqw", height = "100cqh", borderWidth = Math.max(0, toNumber(props.borderWidth)), borderRadius = Math.max(0, toNumber(props.borderRadius)), seamOverlap = Math.min(borderWidth, 0.5), isCenter = props.placement === "center", top = isCenter || props.placement === "top" ? borderWidth : 0, right = isCenter || props.placement === "right" ? borderWidth : 0, bottom = isCenter || props.placement === "bottom" ? borderWidth : 0, left = isCenter || props.placement === "left" ? borderWidth : 0, baseInnerWidth = `max(0px, calc(${width} - ${left + right}px))`, baseInnerHeight = `max(0px, calc(${height} - ${top + bottom}px))`, innerX = left + (left ? seamOverlap : 0), innerY = top + (top ? seamOverlap : 0), innerRight = right + (right ? seamOverlap : 0), innerBottom = bottom + (bottom ? seamOverlap : 0), innerWidth = `max(0px, calc(${width} - ${innerX + innerRight}px))`, innerHeight = `max(0px, calc(${height} - ${innerY + innerBottom}px))`, outerRadius = props.rounded ? "min(50cqw, 50cqh)" : `${borderRadius + borderWidth}px`, innerRadius = props.rounded ? `calc(min(${isCenter ? innerWidth : baseInnerWidth}, ${isCenter ? innerHeight : baseInnerHeight}) / 2)` : `${Math.max(0, borderRadius - (isCenter ? seamOverlap : 0))}px`;
+      return {
+        width,
+        height,
+        outerRadius,
+        innerX,
+        innerY,
+        innerWidth,
+        innerHeight,
+        innerRadius
+      };
+    });
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      (openBlock(), createElementBlock("svg", _hoisted_2, [
+        createElementVNode("defs", null, [
+          createElementVNode("mask", {
+            id: __props.maskId,
+            "mask-type": "luminance",
+            maskUnits: "userSpaceOnUse",
+            maskContentUnits: "userSpaceOnUse",
+            x: "0",
+            y: "0",
+            width: "100%",
+            height: "100%"
+          }, [
+            createElementVNode("rect", {
+              class: "g-gradient-border-layer__mask-outer",
+              x: "0",
+              y: "0",
+              width: "100%",
+              height: "100%",
+              style: normalizeStyle({
+                rx: geometry.value.outerRadius,
+                ry: geometry.value.outerRadius
+              })
+            }, null, 4),
+            createElementVNode("rect", {
+              class: "g-gradient-border-layer__mask-inner",
+              x: geometry.value.innerX,
+              y: geometry.value.innerY,
+              style: normalizeStyle({
+                width: geometry.value.innerWidth,
+                height: geometry.value.innerHeight,
+                rx: geometry.value.innerRadius,
+                ry: geometry.value.innerRadius
+              })
+            }, null, 12, _hoisted_4)
+          ], 8, _hoisted_3),
+          __props.glowBlur ? (openBlock(), createElementBlock("filter", {
+            key: 0,
+            id: glowFilterId.value,
+            "color-interpolation-filters": "sRGB",
+            filterUnits: "userSpaceOnUse",
+            x: -glowFilterBleed.value,
+            y: -glowFilterBleed.value,
+            width: `calc(100% + ${glowFilterBleed.value * 2}px)`,
+            height: `calc(100% + ${glowFilterBleed.value * 2}px)`
+          }, [
+            createElementVNode("feGaussianBlur", {
+              in: "SourceGraphic",
+              stdDeviation: __props.glowBlur
+            }, null, 8, _hoisted_6)
+          ], 8, _hoisted_5)) : createCommentVNode("", !0)
+        ]),
+        createElementVNode("g", { filter: glowFilterReference.value }, [
+          (openBlock(), createElementBlock("foreignObject", {
+            x: "0",
+            y: "0",
+            width: "100%",
+            height: "100%",
+            mask: maskReference.value
+          }, [..._cache[0] || (_cache[0] = [
+            createElementVNode("div", { class: "g-gradient-border-layer__paint" }, null, -1)
+          ])], 8, _hoisted_8))
+        ], 8, _hoisted_7)
+      ]))
+    ]));
+  }
+}), GGradientBorderLayer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-70a745a2"]]), _hoisted_1 = { class: "g-gradient__slot" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GGradient",
+  props: makeGradientProps(),
+  setup(__props) {
+    const props = __props, instanceId = (useId() ?? "").replaceAll(":", ""), borderMaskId = `g-gradient-border-${instanceId}`, glowMaskId = `g-gradient-glow-${instanceId}`, hasBorder = computed(
+      () => Number.parseFloat(String(props.borderWidth)) > 0
+    ), showGlow = computed(
+      () => hasBorder.value && !!(props.glow || props.animateGlow)
+    ), { containerBorderRadius, gradientClasses, gradientStyles } = useGradient(props), { glowClasses } = useGradientGlow(props), { interactionClass, surfaceBorderRadius, surfaceFillClass } = useGradientSurface(props);
+    return (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(_ctx.rootTag), {
+      class: normalizeClass(["g-gradient", [
+        unref(gradientClasses),
+        unref(glowClasses),
+        unref(interactionClass),
+        unref(surfaceFillClass)
+      ]]),
+      style: normalizeStyle([
+        unref(gradientStyles),
+        {
+          "--g-gradient-container-radius": unref(containerBorderRadius),
+          "--g-gradient-surface-radius": unref(surfaceBorderRadius)
+        }
+      ])
+    }, {
+      default: withCtx(() => [
+        hasBorder.value ? (openBlock(), createBlock(GGradientBorderLayer, {
+          key: 0,
+          class: "g-gradient__border",
+          "mask-id": borderMaskId,
+          "border-radius": _ctx.borderRadius,
+          "border-width": _ctx.borderWidth,
+          placement: _ctx.placement,
+          rounded: _ctx.rounded
+        }, null, 8, ["border-radius", "border-width", "placement", "rounded"])) : createCommentVNode("", !0),
+        showGlow.value ? (openBlock(), createBlock(GGradientBorderLayer, {
+          key: 1,
+          class: "g-gradient__glow",
+          "mask-id": glowMaskId,
+          "border-radius": _ctx.borderRadius,
+          "border-width": _ctx.borderWidth,
+          placement: _ctx.placement,
+          rounded: _ctx.rounded,
+          "glow-blur": 4
+        }, null, 8, ["border-radius", "border-width", "placement", "rounded"])) : createCommentVNode("", !0),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), GGradient = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-08d30c4f"]]);
+export {
+  GGradient as default
+};

package/dist/components/GGradientMaterial.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const GGradientMaterial_vue_vue_type_style_index_0_lang=require("../GGradientMaterial.vue_vue_type_style_index_0_lang-DJcGdEVi.cjs");exports.default=GGradientMaterial_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/components/GGradientMaterial.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../GGradientMaterial.vue_vue_type_style_index_0_lang-ChRL7BIo.js";
+export {
+  _sfc_main as default
+};

package/dist/components/GIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),icon=require("../icon-DgrRDU9A.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeIconProps=()=>({icon:{type:String,required:!0},size:{type:[Number,String],default:void 0},tag:{type:String,default:"span"}}),_sfc_main=vue.defineComponent({__name:"GIcon",props:makeIconProps(),setup(__props){const props=__props,resolvedIcon=icon.useIcon(()=>props.icon),iconSize=vue.computed(()=>props.size==null?"var(--g-token-icon-size-m)":Number.isFinite(Number(props.size))?`${props.size}px`:String(props.size));return(_ctx,_cache)=>vue.unref(resolvedIcon).icon?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(vue.unref(resolvedIcon).component),vue.mergeProps({key:0,icon:vue.unref(resolvedIcon).icon,tag:props.tag,class:"g-icon",style:{fontSize:iconSize.value}},_ctx.$attrs),null,16,["icon","tag","style"])):vue.createCommentVNode("",!0)}}),GIcon=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-f1c09700"]]);exports.default=GIcon;

package/dist/components/GIcon.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, computed, unref, openBlock, createBlock, resolveDynamicComponent, mergeProps, createCommentVNode } from "vue";
+import { u as useIcon } from "../icon-C1AhpC8p.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeIconProps = () => ({
+  icon: {
+    type: String,
+    required: !0
+  },
+  size: {
+    type: [Number, String],
+    default: void 0
+  },
+  tag: {
+    type: String,
+    default: "span"
+  }
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GIcon",
+  props: makeIconProps(),
+  setup(__props) {
+    const props = __props, resolvedIcon = useIcon(() => props.icon), iconSize = computed(
+      () => props.size == null ? "var(--g-token-icon-size-m)" : Number.isFinite(Number(props.size)) ? `${props.size}px` : String(props.size)
+    );
+    return (_ctx, _cache) => unref(resolvedIcon).icon ? (openBlock(), createBlock(resolveDynamicComponent(unref(resolvedIcon).component), mergeProps({
+      key: 0,
+      icon: unref(resolvedIcon).icon,
+      tag: props.tag,
+      class: "g-icon",
+      style: { fontSize: iconSize.value }
+    }, _ctx.$attrs), null, 16, ["icon", "tag", "style"])) : createCommentVNode("", !0);
+  }
+}), GIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1c09700"]]);
+export {
+  GIcon as default
+};

package/dist/components/GImg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeImgProps=propsFactory.propsFactory({src:{type:[String,Object],default:""},alt:{type:String,default:""},srcset:String,sizes:String,lazySrc:String,aspectRatio:[Number,String],width:[Number,String],height:[Number,String],maxWidth:[Number,String],maxHeight:[Number,String],fit:String,cover:Boolean,fitContent:Boolean,position:{type:String,default:"center center"},gradient:String,borderRadius:[Number,String],loading:{type:String,default:"lazy"},decoding:{type:String,default:"async"},fetchpriority:String,crossorigin:String,referrerpolicy:String,draggable:{type:Boolean,default:void 0}}),_hoisted_1=["aria-busy"],_hoisted_2={class:"g-img__picture"},_hoisted_3=["src","srcset","sizes","alt","loading","decoding","fetchpriority","crossorigin","referrerpolicy","draggable"],_hoisted_4={key:0,class:"g-img__placeholder","aria-hidden":"true"},_hoisted_5=["src"],_hoisted_6={key:1,class:"g-img__error"},_hoisted_7={key:2,class:"g-img__gradient","aria-hidden":"true"},_hoisted_8={key:3,class:"g-img__content"},_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GImg",props:makeImgProps(),emits:["load","error"],setup(__props,{expose:__expose,emit:__emit}){const slots=vue.useSlots(),attrs=vue.useAttrs(),emit=__emit,props=__props,image=vue.ref(),state=vue.ref(props.src?"loading":"idle"),source=vue.computed(()=>typeof props.src=="string"?void 0:props.src),resolvedSrc=vue.computed(()=>typeof props.src=="string"?props.src:props.src.src),resolvedSrcset=vue.computed(()=>{var _a;return props.srcset??((_a=source.value)==null?void 0:_a.srcset)}),resolvedLazySrc=vue.computed(()=>{var _a;return props.lazySrc??((_a=source.value)==null?void 0:_a.lazySrc)}),resolvedAspectRatio=vue.computed(()=>{var _a;return props.aspectRatio??((_a=source.value)==null?void 0:_a.aspectRatio)}),resolvedFit=vue.computed(()=>props.fit??(props.cover?"cover":"contain")),resolvedGradient=vue.computed(()=>{if(props.gradient)return/(?:gradient|url)\(/i.test(props.gradient)?props.gradient:`linear-gradient(${props.gradient})`}),toCssUnit=value=>{if(!(value===void 0||value===""))return typeof value=="number"?`${value}px`:/^\d+(?:\.\d+)?$/.test(value)?`${value}px`:value},rootStyles=vue.computed(()=>({"--g-img-aspect-ratio":resolvedAspectRatio.value,"--g-img-border-radius":toCssUnit(props.borderRadius),"--g-img-fit":resolvedFit.value,"--g-img-position":props.position,"--g-img-gradient":resolvedGradient.value,width:toCssUnit(props.width),height:toCssUnit(props.height),maxWidth:toCssUnit(props.maxWidth),maxHeight:toCssUnit(props.maxHeight)})),slotProps=vue.computed(()=>({src:resolvedSrc.value,state:state.value})),syncCompletedImage=()=>{var _a;!((_a=image.value)!=null&&_a.complete)||!resolvedSrc.value||(state.value=image.value.naturalWidth>0?"loaded":"error")},onLoad=event=>{state.value="loaded",emit("load",event)},onError=event=>{state.value="error",emit("error",event)};return vue.watch(resolvedSrc,src=>{state.value=src?"loading":"idle"}),vue.onMounted(syncCompletedImage),__expose({image,state}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",vue.mergeProps({class:["g-img",{"g-img_fit-content":props.fitContent,"g-img_loaded":state.value==="loaded","g-img_error":state.value==="error"}],style:rootStyles.value,"aria-busy":state.value==="loading"?"true":void 0},vue.unref(attrs)),[vue.createElementVNode("picture",_hoisted_2,[vue.renderSlot(_ctx.$slots,"sources",{},void 0,!0),resolvedSrc.value?(vue.openBlock(),vue.createElementBlock("img",{key:0,ref_key:"image",ref:image,class:"g-img__image",src:resolvedSrc.value,srcset:resolvedSrcset.value,sizes:props.sizes,alt:props.alt,loading:props.loading,decoding:props.decoding,fetchpriority:props.fetchpriority,crossorigin:props.crossorigin,referrerpolicy:props.referrerpolicy,draggable:props.draggable,onLoad,onError},null,40,_hoisted_3)):vue.createCommentVNode("",!0)]),state.value==="loading"&&(resolvedLazySrc.value||slots.placeholder)?(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"placeholder",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[resolvedLazySrc.value?(vue.openBlock(),vue.createElementBlock("img",{key:0,class:"g-img__placeholder-image",src:resolvedLazySrc.value,alt:"",decoding:"async",draggable:"false"},null,8,_hoisted_5)):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0),state.value==="error"&&slots.error?(vue.openBlock(),vue.createElementBlock("div",_hoisted_6,[vue.renderSlot(_ctx.$slots,"error",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)])):vue.createCommentVNode("",!0),resolvedGradient.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_7)):vue.createCommentVNode("",!0),slots.default?(vue.openBlock(),vue.createElementBlock("div",_hoisted_8,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)])):vue.createCommentVNode("",!0)],16,_hoisted_1))}}),GImg=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-582f3ed8"]]);exports.default=GImg;

package/dist/components/GImg.mjs

@@ -0,0 +1,167 @@
+import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, openBlock, createElementBlock, mergeProps, unref, createElementVNode, renderSlot, createCommentVNode, normalizeProps, guardReactiveProps } from "vue";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeImgProps = propsFactory({
+  src: {
+    type: [String, Object],
+    default: ""
+  },
+  alt: {
+    type: String,
+    default: ""
+  },
+  srcset: String,
+  sizes: String,
+  lazySrc: String,
+  aspectRatio: [Number, String],
+  width: [Number, String],
+  height: [Number, String],
+  maxWidth: [Number, String],
+  maxHeight: [Number, String],
+  fit: String,
+  cover: Boolean,
+  fitContent: Boolean,
+  position: {
+    type: String,
+    default: "center center"
+  },
+  gradient: String,
+  borderRadius: [Number, String],
+  loading: {
+    type: String,
+    default: "lazy"
+  },
+  decoding: {
+    type: String,
+    default: "async"
+  },
+  fetchpriority: String,
+  crossorigin: String,
+  referrerpolicy: String,
+  draggable: {
+    type: Boolean,
+    default: void 0
+  }
+}), _hoisted_1 = ["aria-busy"], _hoisted_2 = { class: "g-img__picture" }, _hoisted_3 = ["src", "srcset", "sizes", "alt", "loading", "decoding", "fetchpriority", "crossorigin", "referrerpolicy", "draggable"], _hoisted_4 = {
+  key: 0,
+  class: "g-img__placeholder",
+  "aria-hidden": "true"
+}, _hoisted_5 = ["src"], _hoisted_6 = {
+  key: 1,
+  class: "g-img__error"
+}, _hoisted_7 = {
+  key: 2,
+  class: "g-img__gradient",
+  "aria-hidden": "true"
+}, _hoisted_8 = {
+  key: 3,
+  class: "g-img__content"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GImg",
+  props: makeImgProps(),
+  emits: ["load", "error"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const slots = useSlots(), attrs = useAttrs(), emit = __emit, props = __props, image = ref(), state = ref(props.src ? "loading" : "idle"), source = computed(
+      () => typeof props.src == "string" ? void 0 : props.src
+    ), resolvedSrc = computed(
+      () => typeof props.src == "string" ? props.src : props.src.src
+    ), resolvedSrcset = computed(() => {
+      var _a;
+      return props.srcset ?? ((_a = source.value) == null ? void 0 : _a.srcset);
+    }), resolvedLazySrc = computed(
+      () => {
+        var _a;
+        return props.lazySrc ?? ((_a = source.value) == null ? void 0 : _a.lazySrc);
+      }
+    ), resolvedAspectRatio = computed(
+      () => {
+        var _a;
+        return props.aspectRatio ?? ((_a = source.value) == null ? void 0 : _a.aspectRatio);
+      }
+    ), resolvedFit = computed(
+      () => props.fit ?? (props.cover ? "cover" : "contain")
+    ), resolvedGradient = computed(() => {
+      if (props.gradient)
+        return /(?:gradient|url)\(/i.test(props.gradient) ? props.gradient : `linear-gradient(${props.gradient})`;
+    }), toCssUnit = (value) => {
+      if (!(value === void 0 || value === ""))
+        return typeof value == "number" ? `${value}px` : /^\d+(?:\.\d+)?$/.test(value) ? `${value}px` : value;
+    }, rootStyles = computed(() => ({
+      "--g-img-aspect-ratio": resolvedAspectRatio.value,
+      "--g-img-border-radius": toCssUnit(props.borderRadius),
+      "--g-img-fit": resolvedFit.value,
+      "--g-img-position": props.position,
+      "--g-img-gradient": resolvedGradient.value,
+      width: toCssUnit(props.width),
+      height: toCssUnit(props.height),
+      maxWidth: toCssUnit(props.maxWidth),
+      maxHeight: toCssUnit(props.maxHeight)
+    })), slotProps = computed(() => ({
+      src: resolvedSrc.value,
+      state: state.value
+    })), syncCompletedImage = () => {
+      var _a;
+      !((_a = image.value) != null && _a.complete) || !resolvedSrc.value || (state.value = image.value.naturalWidth > 0 ? "loaded" : "error");
+    }, onLoad = (event) => {
+      state.value = "loaded", emit("load", event);
+    }, onError = (event) => {
+      state.value = "error", emit("error", event);
+    };
+    return watch(resolvedSrc, (src) => {
+      state.value = src ? "loading" : "idle";
+    }), onMounted(syncCompletedImage), __expose({ image, state }), (_ctx, _cache) => (openBlock(), createElementBlock("div", mergeProps({
+      class: ["g-img", {
+        "g-img_fit-content": props.fitContent,
+        "g-img_loaded": state.value === "loaded",
+        "g-img_error": state.value === "error"
+      }],
+      style: rootStyles.value,
+      "aria-busy": state.value === "loading" ? "true" : void 0
+    }, unref(attrs)), [
+      createElementVNode("picture", _hoisted_2, [
+        renderSlot(_ctx.$slots, "sources", {}, void 0, !0),
+        resolvedSrc.value ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          ref_key: "image",
+          ref: image,
+          class: "g-img__image",
+          src: resolvedSrc.value,
+          srcset: resolvedSrcset.value,
+          sizes: props.sizes,
+          alt: props.alt,
+          loading: props.loading,
+          decoding: props.decoding,
+          fetchpriority: props.fetchpriority,
+          crossorigin: props.crossorigin,
+          referrerpolicy: props.referrerpolicy,
+          draggable: props.draggable,
+          onLoad,
+          onError
+        }, null, 40, _hoisted_3)) : createCommentVNode("", !0)
+      ]),
+      state.value === "loading" && (resolvedLazySrc.value || slots.placeholder) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        renderSlot(_ctx.$slots, "placeholder", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          resolvedLazySrc.value ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "g-img__placeholder-image",
+            src: resolvedLazySrc.value,
+            alt: "",
+            decoding: "async",
+            draggable: "false"
+          }, null, 8, _hoisted_5)) : createCommentVNode("", !0)
+        ], !0)
+      ])) : createCommentVNode("", !0),
+      state.value === "error" && slots.error ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+      ])) : createCommentVNode("", !0),
+      resolvedGradient.value ? (openBlock(), createElementBlock("span", _hoisted_7)) : createCommentVNode("", !0),
+      slots.default ? (openBlock(), createElementBlock("div", _hoisted_8, [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+      ])) : createCommentVNode("", !0)
+    ], 16, _hoisted_1));
+  }
+}), GImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-582f3ed8"]]);
+export {
+  GImg as default
+};

package/dist/components/GInput.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const GInput_vue_vue_type_script_setup_true_lang=require("../GInput.vue_vue_type_script_setup_true_lang-dMjIUhb1.cjs");exports.default=GInput_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/GInput.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../GInput.vue_vue_type_script_setup_true_lang-BHM4W0S8.js";
+export {
+  _sfc_main as default
+};

package/dist/components/GLoading.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const GLoading_vue_vue_type_style_index_0_lang=require("../GLoading.vue_vue_type_style_index_0_lang-KmMjjwpE.cjs");exports.default=GLoading_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/components/GLoading.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../GLoading.vue_vue_type_style_index_0_lang-BNOsRA0v.js";
+export {
+  _sfc_main as default
+};

package/dist/components/GMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),disabled=require("../disabled-B_bAKgaM.cjs"),color=require("../color-8SkPDCIp.cjs"),selected=require("../selected-CEdYQtXH.cjs"),PLA=require("../PLA-B2QljfgE.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),GDropdown=require("../GDropdown-CmBNk0jK.cjs"),components_GIcon=require("./GIcon.cjs"),GMenuEmits={select:_item=>!0,hover:_item=>!0},makeGMenuProps=propsFactory.propsFactory({items:{type:Array,default:()=>[]},isSelected:{type:Function,default:void 0},isHighlighted:{type:Function,default:void 0},state:{type:String,default:void 0}}),MenuContextSymbol=Symbol("MenuContext");function useMenuContext(handlers){const parent=vue.inject(MenuContextSymbol,null);if(parent)return parent;const state={onSelect:(handlers==null?void 0:handlers.onSelect)??(()=>{}),onHover:(handlers==null?void 0:handlers.onHover)??(()=>{})};return vue.provide(MenuContextSymbol,state),state}const makeHighlightedProps=propsFactory.propsFactory({highlighted:Boolean}),makeMenuItemProps=propsFactory.propsFactory({...PLA.makePLAProps(),...color.makeColorProps(),...disabled.makeDisabledProps(),...makeHighlightedProps(),...selected.makeSelectedProps(),item:{type:Object,default:void 0},isActive:{type:Function,default:void 0},state:{type:String,default:void 0}}),_hoisted_1={key:0,class:"g-menu-item__prepend"},_hoisted_2={class:"g-menu-item__label"},_hoisted_3={key:1,class:"g-menu-item__append"},_sfc_main$2=vue.defineComponent({__name:"GMenuItem",props:makeMenuItemProps(),setup(__props){const slots=vue.useSlots(),props=__props,disabledClass=disabled.useDisabled(props,"g-menu-item"),selectedClass=selected.useSelected(props,"g-menu-item"),stateClass=vue.computed(()=>props.state?`g-menu-item_${props.state}`:void 0),{colorStyles}=surfaceColor.useSurfaceColor(props);return(_ctx,_cache)=>{var _a,_b;return vue.openBlock(),vue.createElementBlock("li",vue.mergeProps({class:["g-menu-item",[vue.unref(disabledClass),vue.unref(selectedClass),stateClass.value]],style:vue.unref(colorStyles)},vue.toHandlers(_ctx.$attrs,!0)),[(_a=slots.prepend)!=null&&_a.call(slots)?(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"prepend",{},void 0,!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_2,[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)]),(_b=slots.append)!=null&&_b.call(slots)?(vue.openBlock(),vue.createElementBlock("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"append",{},void 0,!0)])):vue.createCommentVNode("",!0)],16)}}}),GMenuItem=_pluginVue_exportHelper._export_sfc(_sfc_main$2,[["__scopeId","data-v-6c5dc300"]]),_sfc_main$1=vue.defineComponent({__name:"GSubmenu",props:{item:{},isSelected:{type:Function},highlighted:{type:Boolean},state:{}},setup(__props){const props=__props,menuContext=useMenuContext(),hasChildren=vue.computed(()=>Array.isArray(props.item.children)&&props.item.children.length>0),menuItemRef=vue.ref(null),open=vue.ref(!1);let closeTimer=null;function hasSelectedInTree(root){if(!props.isSelected)return!1;const stack=[root];for(;stack.length>0;){const current=stack.pop();if(current){if(props.isSelected(current))return!0;Array.isArray(current.children)&&current.children.length>0&&stack.push(...current.children)}}return!1}const isSubmenuSelected=vue.computed(()=>hasSelectedInTree(props.item));function clearCloseTimer(){closeTimer&&(clearTimeout(closeTimer),closeTimer=null)}function scheduleClose(){clearCloseTimer(),closeTimer=setTimeout(()=>{open.value=!1},120)}function onMouseenter(){clearCloseTimer(),open.value=!0,menuContext.onHover(props.item)}function onMouseleave(){scheduleClose()}function onContentMouseenter(){clearCloseTimer(),open.value=!0}function onContentMouseleave(){scheduleClose()}return vue.onBeforeUnmount(()=>{clearCloseTimer()}),(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(GMenuItem,vue.mergeProps({ref_key:"menuItemRef",ref:menuItemRef,item:__props.item,selected:isSubmenuSelected.value,state:props.state,role:"option","aria-selected":isSubmenuSelected.value,"data-disabled":__props.item.disabled,label:__props.item.label},vue.toHandlers(_ctx.$attrs),{onMouseenter,onMouseleave}),{append:vue.withCtx(()=>[vue.createVNode(components_GIcon.default,{icon:"chevron-down",size:"20"}),hasChildren.value?(vue.openBlock(),vue.createBlock(GDropdown.GDropdown,{key:0,modelValue:open.value,"onUpdate:modelValue":_cache[0]||(_cache[0]=$event=>open.value=$event),reference:menuItemRef.value,placement:"bottom","same-width":"","open-on-click":!1,"open-on-focus":!1,offset:0,"close-on-content-click":!1},{default:vue.withCtx(()=>[vue.createElementVNode("div",{onMouseenter:onContentMouseenter,onMouseleave:onContentMouseleave},[vue.renderSlot(_ctx.$slots,"submenu",{},void 0,!0)],32)]),_:3},8,["modelValue","reference"])):vue.createCommentVNode("",!0)]),default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"item",{item:__props.item},()=>[vue.createTextVNode(vue.toDisplayString(__props.item.label),1)],!0)]),_:3},16,["item","selected","state","aria-selected","data-disabled","label"]))}}),GSubmenu=_pluginVue_exportHelper._export_sfc(_sfc_main$1,[["__scopeId","data-v-9b63fae2"]]),_sfc_main=vue.defineComponent({__name:"GMenu",props:makeGMenuProps(),emits:GMenuEmits,setup(__props,{emit:__emit}){const props=__props,emit=__emit,menuContext=useMenuContext({onSelect:item=>emit("select",item),onHover:item=>emit("hover",item)});function hasChildren(item){return Array.isArray(item.children)&&item.children.length>0}function onClick(item){item.disabled||hasChildren(item)||menuContext.onSelect(item)}function onMouseenter(item){menuContext.onHover(item)}const isItemActive=item=>{var _a;return!!((_a=props.isSelected)!=null&&_a.call(props,item))};return(_ctx,_cache)=>{const _component_g_menu=vue.resolveComponent("g-menu",!0);return vue.openBlock(),vue.createElementBlock("ul",vue.mergeProps({role:"listbox",class:"g-menu"},_ctx.$attrs,vue.toHandlers(_ctx.$attrs,!0)),[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(_ctx.items,(item,index)=>{var _a;return vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:item.id??index},[hasChildren(item)?(vue.openBlock(),vue.createBlock(GSubmenu,{key:0,item,"is-selected":props.isSelected,state:props.state},{item:vue.withCtx(({item:slotItem})=>[vue.renderSlot(_ctx.$slots,"item",{item:slotItem},()=>[vue.createTextVNode(vue.toDisplayString(slotItem.label),1)],!0)]),submenu:vue.withCtx(()=>[vue.createVNode(_component_g_menu,{items:item.children??[],"is-selected":props.isSelected,state:props.state},null,8,["items","is-selected","state"])]),_:2},1032,["item","is-selected","state"])):(vue.openBlock(),vue.createBlock(GMenuItem,{key:1,item,selected:(_a=_ctx.isSelected)==null?void 0:_a.call(_ctx,item),state:props.state,role:"option","aria-selected":isItemActive(item),disabled:item.disabled,label:item.label,onClick:$event=>onClick(item),onMouseenter:$event=>onMouseenter(item)},{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"item",{item,selected:isItemActive(item)},()=>[vue.createTextVNode(vue.toDisplayString(item.label),1)],!0)]),_:2},1032,["item","selected","state","aria-selected","disabled","label","onClick","onMouseenter"]))],64)}),128))],16)}}}),GMenu=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-31c79d6e"]]);exports.default=GMenu;