@gradient-ui/core 0.8.0 → 2.0.0

package/dist/components/GAsideItem.mjs

@@ -0,0 +1,123 @@
+import { defineComponent, useSlots, computed, onMounted, onBeforeUnmount, watch, resolveDirective, openBlock, createElementBlock, normalizeStyle, normalizeClass, withDirectives, createBlock, resolveDynamicComponent, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import GIcon from "./GIcon.mjs";
+import { u as useOptionalRouterLink, g as getRouterFallbackHref } from "../routerLink-p0fsQRNq.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useAsideInject, b as makeAsideItemProps } from "../types-D_HgEWtj.js";
+import { u as useAsideGroupInject } from "../groupContext-CBceOY6B.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "g-aside-item__prepend"
+}, _hoisted_2 = { class: "g-aside-item__label" }, _hoisted_3 = {
+  key: 1,
+  class: "g-aside-item__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GAsideItem",
+  props: makeAsideItemProps(),
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, aside = useAsideInject(), group = useAsideGroupInject(), RouterLink = useOptionalRouterLink(), selected = computed(
+      () => aside ? aside.isSelected(props.value) : !1
+    ), placement = computed(() => (aside == null ? void 0 : aside.placement.value) ?? "right"), align = computed(() => (aside == null ? void 0 : aside.align.value) ?? "end"), indicator = computed(() => (aside == null ? void 0 : aside.indicator.value) ?? "dot"), resolvedColor = computed(
+      () => (selected.value ? aside == null ? void 0 : aside.activeColor.value : aside == null ? void 0 : aside.color.value) ?? "primary"
+    ), { colorStyles } = useSurfaceColor({
+      color: () => resolvedColor.value
+    }), itemStyles = computed(() => colorStyles.value), slotProps = computed(() => ({
+      selected: selected.value,
+      disabled: props.disabled,
+      value: props.value,
+      modelValue: aside == null ? void 0 : aside.modelValue.value,
+      isSelected,
+      select
+    })), isRouterLink = computed(
+      () => !!RouterLink && !!props.to && !props.disabled
+    ), fallbackHref = computed(() => getRouterFallbackHref(props.to)), isLink = computed(
+      () => !!(props.href || !RouterLink && fallbackHref.value) && !props.disabled
+    ), actionTag = computed(() => isRouterLink.value ? RouterLink : isLink.value ? "a" : "button"), actionAttrs = computed(
+      () => isRouterLink.value ? {
+        to: props.to
+      } : isLink.value ? {
+        href: props.href ?? fallbackHref.value,
+        target: props.target,
+        rel: props.rel ?? (props.target === "_blank" ? "noopener noreferrer" : void 0)
+      } : {
+        type: "button",
+        disabled: props.disabled
+      }
+    );
+    function isSelected(value) {
+      return aside ? aside.isSelected(value) : !1;
+    }
+    function select(value, event) {
+      aside == null || aside.select(value, event);
+    }
+    function onClick(event) {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      select(props.value, event), emit("click", event);
+    }
+    return onMounted(() => {
+      group == null || group.registerValue(props.value);
+    }), onBeforeUnmount(() => {
+      group == null || group.unregisterValue(props.value);
+    }), watch(
+      () => props.value,
+      (value, oldValue) => {
+        group == null || group.unregisterValue(oldValue), group == null || group.registerValue(value);
+      }
+    ), (_ctx, _cache) => {
+      const _directive_ripple = resolveDirective("ripple");
+      return openBlock(), createElementBlock("li", {
+        class: normalizeClass(["g-aside-item", {
+          "g-aside-item_selected": selected.value,
+          "g-aside-item_disabled": props.disabled,
+          [`g-aside-item_${placement.value}`]: !0,
+          [`g-aside-item_align-${align.value}`]: !0,
+          [`g-aside-item_indicator-${indicator.value}`]: !0
+        }]),
+        style: normalizeStyle(itemStyles.value),
+        role: "none"
+      }, [
+        withDirectives((openBlock(), createBlock(resolveDynamicComponent(actionTag.value), mergeProps({
+          class: "g-aside-item__action",
+          role: "menuitem",
+          "aria-current": selected.value ? "page" : void 0
+        }, actionAttrs.value, { onClick }), {
+          default: withCtx(() => [
+            slots.prepend || props.prependIcon ? (openBlock(), createElementBlock("span", _hoisted_1, [
+              renderSlot(_ctx.$slots, "prepend", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createVNode(GIcon, {
+                  icon: props.prependIcon
+                }, null, 8, ["icon"])
+              ], !0)
+            ])) : createCommentVNode("", !0),
+            createElementVNode("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createTextVNode(toDisplayString(props.label), 1)
+              ], !0)
+            ]),
+            _cache[0] || (_cache[0] = createElementVNode("span", {
+              "aria-hidden": "true",
+              class: "g-aside-item__indicator"
+            }, null, -1)),
+            slots.append || props.appendIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              renderSlot(_ctx.$slots, "append", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createVNode(GIcon, {
+                  icon: props.appendIcon
+                }, null, 8, ["icon"])
+              ], !0)
+            ])) : createCommentVNode("", !0)
+          ]),
+          _: 3
+        }, 16, ["aria-current"])), [
+          [_directive_ripple]
+        ])
+      ], 6);
+    };
+  }
+}), GAsideItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ccb65b45"]]);
+export {
+  GAsideItem as default
+};

package/dist/components/GAvatar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const components_GAvatar=require("../GAvatar-Dj6hSgL3.cjs");require("../_plugin-vue_export-helper-D_jf5u0r.cjs");exports.default=components_GAvatar.GAvatar;

package/dist/components/GAvatar.mjs

@@ -0,0 +1,5 @@
+import { G } from "../GAvatar-CN3PHGY_.js";
+import "../_plugin-vue_export-helper-B--vMWp3.js";
+export {
+  G as default
+};

package/dist/components/GAvatarGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GAvatar=require("../GAvatar-Dj6hSgL3.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["aria-label"],_sfc_main=vue.defineComponent({__name:"GAvatarGroup",props:components_GAvatar.makeAvatarGroupProps(),setup(__props){const props=__props,visibleItems=vue.computed(()=>!props.max||props.max<1?props.items:props.items.slice(0,props.max)),overflowCount=vue.computed(()=>{const total=props.total??props.items.length;return Math.max(0,total-visibleItems.value.length)}),groupStyles=vue.computed(()=>({"--g-avatar-group-overlap":props.overlap!==void 0?toCssSize(props.overlap):void 0})),toCssSize=value=>typeof value=="number"?`${value}px`:value;return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-avatar-group",{"g-avatar-group_stacked":props.stacked,"g-avatar-group_reverse":props.reverse}]),style:vue.normalizeStyle(groupStyles.value),role:"group","aria-label":props.ariaLabel},[vue.renderSlot(_ctx.$slots,"default",{},()=>[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(visibleItems.value,(item,index)=>(vue.openBlock(),vue.createBlock(components_GAvatar.GAvatar,{key:`${item.name??item.text??item.src??item.image??index}-${index}`,class:"g-avatar-group__item",style:vue.normalizeStyle({zIndex:props.reverse?index+1:visibleItems.value.length-index}),src:item.src,image:item.image,alt:item.alt,name:item.name,text:item.text,icon:item.icon,color:item.color??props.color,state:item.state,variant:item.variant??props.variant,shape:item.shape??props.shape,size:props.size,hover:props.hover,href:item.href,target:item.target,rel:item.rel},null,8,["style","src","image","alt","name","text","icon","color","state","variant","shape","size","hover","href","target","rel"]))),128)),overflowCount.value>0?vue.renderSlot(_ctx.$slots,"overflow",{count:overflowCount.value},()=>[vue.createVNode(components_GAvatar.GAvatar,{class:"g-avatar-group__item g-avatar-group__overflow",style:vue.normalizeStyle({zIndex:props.reverse?visibleItems.value.length+1:0}),text:`+${overflowCount.value}`,color:props.overflowColor??props.color,variant:props.variant,shape:props.shape,size:props.size,hover:props.hover},null,8,["style","text","color","variant","shape","size","hover"])],!0,0):vue.createCommentVNode("",!0)],!0)],14,_hoisted_1))}}),GAvatarGroup=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-bf8e47df"]]);exports.default=GAvatarGroup;

package/dist/components/GAvatarGroup.mjs

@@ -0,0 +1,66 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, Fragment, renderList, createBlock, createVNode, createCommentVNode } from "vue";
+import { G as GAvatar, m as makeAvatarGroupProps } from "../GAvatar-CN3PHGY_.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["aria-label"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GAvatarGroup",
+  props: makeAvatarGroupProps(),
+  setup(__props) {
+    const props = __props, visibleItems = computed(() => !props.max || props.max < 1 ? props.items : props.items.slice(0, props.max)), overflowCount = computed(() => {
+      const total = props.total ?? props.items.length;
+      return Math.max(0, total - visibleItems.value.length);
+    }), groupStyles = computed(() => ({
+      "--g-avatar-group-overlap": props.overlap !== void 0 ? toCssSize(props.overlap) : void 0
+    })), toCssSize = (value) => typeof value == "number" ? `${value}px` : value;
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-avatar-group", {
+        "g-avatar-group_stacked": props.stacked,
+        "g-avatar-group_reverse": props.reverse
+      }]),
+      style: normalizeStyle(groupStyles.value),
+      role: "group",
+      "aria-label": props.ariaLabel
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => (openBlock(), createBlock(GAvatar, {
+          key: `${item.name ?? item.text ?? item.src ?? item.image ?? index}-${index}`,
+          class: "g-avatar-group__item",
+          style: normalizeStyle({
+            zIndex: props.reverse ? index + 1 : visibleItems.value.length - index
+          }),
+          src: item.src,
+          image: item.image,
+          alt: item.alt,
+          name: item.name,
+          text: item.text,
+          icon: item.icon,
+          color: item.color ?? props.color,
+          state: item.state,
+          variant: item.variant ?? props.variant,
+          shape: item.shape ?? props.shape,
+          size: props.size,
+          hover: props.hover,
+          href: item.href,
+          target: item.target,
+          rel: item.rel
+        }, null, 8, ["style", "src", "image", "alt", "name", "text", "icon", "color", "state", "variant", "shape", "size", "hover", "href", "target", "rel"]))), 128)),
+        overflowCount.value > 0 ? renderSlot(_ctx.$slots, "overflow", { count: overflowCount.value }, () => [
+          createVNode(GAvatar, {
+            class: "g-avatar-group__item g-avatar-group__overflow",
+            style: normalizeStyle({
+              zIndex: props.reverse ? visibleItems.value.length + 1 : 0
+            }),
+            text: `+${overflowCount.value}`,
+            color: props.overflowColor ?? props.color,
+            variant: props.variant,
+            shape: props.shape,
+            size: props.size,
+            hover: props.hover
+          }, null, 8, ["style", "text", "color", "variant", "shape", "size", "hover"])
+        ], !0, 0) : createCommentVNode("", !0)
+      ], !0)
+    ], 14, _hoisted_1));
+  }
+}), GAvatarGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bf8e47df"]]);
+export {
+  GAvatarGroup as default
+};

package/dist/components/GBadge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),surface=require("../surface-NFdB950M.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),materialSurface=require("../materialSurface-BZWqxSOo.cjs"),material=require("../material-CkThdnz0.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),glass=require("../glass-CZEblMo2.cjs"),components_GGradient=require("./GGradient.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeBadgeProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps({borderRadius:999,rounded:!0}),...surface.makeSurfaceTextureProps(),size:{type:String,default:"m"},dot:Boolean,color:{type:String,default:"primary"},state:String,variant:{type:String,default:"tonal"},content:[String,Number],position:{type:String,default:"floating"},location:{type:String,default:"top-right"}}),_hoisted_1={class:"g-badge__wrapper"},_sfc_main=vue.defineComponent({__name:"GBadge",props:makeBadgeProps(),setup(__props){const props=__props,{colorStyles}=surfaceColor.useSurfaceColor(props),{glassStyles}=glass.useGlass(props),{surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=surface.useSurfaceLayers("g-badge__surface"),normalizedVariant=vue.computed(()=>props.variant==="primary"?"gradient":props.variant),{getMorphBlobStyle,materialStyles,morphBlobs,morphEnabled}=material.useMaterial({baseClass:"g-badge__surface",color:()=>props.color??props.state,kind:"action",recipe:()=>props.gradientRecipe,effects:()=>!!(normalizedVariant.value==="gradient"||props.shadow||props.dropShadow||props.shadowOptions||props.dropShadowOptions||props.morph||props.morphOptions),animations:()=>!!props.animationOptions,shadow:()=>props.shadowOptions,dropShadow:()=>props.dropShadowOptions,animation:()=>props.animationOptions,morph:()=>props.morphOptions??props.morph}),badgeSurfaceStyles=vue.computed(()=>[colorStyles.value,materialStyles.value,normalizedVariant.value==="glass"?glassStyles.value:void 0]),badgeFrameProps=vue.computed(()=>({animateGlow:props.animateGlow,borderRadius:props.borderRadius,borderWidth:props.borderWidth??(props.glow||props.animateGlow||props.variant==="glass"?1:0),color:props.color,glow:props.glow,gradientRecipe:props.gradientRecipe,interactive:!1,placement:props.placement,rounded:props.rounded,state:props.state,surfaceFill:"transparent"}));return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-badge",{[`g-badge_${props.position}`]:!0,[`g-badge_${props.location}`]:props.position==="floating"}])},[vue.createElementVNode("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)]),vue.createElementVNode("div",{class:vue.normalizeClass(["g-badge__content",{[`g-badge__content_${props.size}`]:!0}])},[vue.createVNode(components_GGradient.default,vue.mergeProps({class:"g-badge__frame"},badgeFrameProps.value),{default:vue.withCtx(()=>[vue.createElementVNode("div",{class:vue.normalizeClass(["g-badge__surface",{[`g-badge__surface_${normalizedVariant.value}`]:!0,"g-badge__surface_dot":props.dot,[`g-badge__surface_texture-${props.texture}`]:props.texture!=="none"}]),style:vue.normalizeStyle(badgeSurfaceStyles.value)},[vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphClasses)),"aria-hidden":"true"},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(morphBlobs),(blob,index)=>(vue.openBlock(),vue.createElementBlock("span",{key:index,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphBlobClasses)),style:vue.normalizeStyle(vue.unref(getMorphBlobStyle)(blob))},null,6))),128))],2)):vue.createCommentVNode("",!0),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceContentClasses))},[props.dot?vue.createCommentVNode("",!0):vue.renderSlot(_ctx.$slots,"content",{},()=>[vue.createTextVNode(vue.toDisplayString(props.content),1)],!0,0)],2)],6)]),_:3},16)],2)],2))}}),GBadge=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-c25b71dd"]]);exports.default=GBadge;

package/dist/components/GBadge.mjs

@@ -0,0 +1,141 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, mergeProps, withCtx, normalizeStyle, unref, Fragment, renderList, createCommentVNode, createTextVNode, toDisplayString } from "vue";
+import { m as makeSurfaceTextureProps, u as useSurfaceLayers } from "../surface-i-1vm2j3.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { m as makeMaterialSurfaceProps } from "../materialSurface-DKWanYUC.js";
+import { d as useMaterial } from "../material-Cn0l9r_y.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useGlass } from "../glass-CJjbKWWO.js";
+import GGradient from "./GGradient.mjs";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeBadgeProps = propsFactory({
+  ...makeMaterialSurfaceProps({
+    borderRadius: 999,
+    rounded: !0
+  }),
+  ...makeSurfaceTextureProps(),
+  size: {
+    type: String,
+    default: "m"
+  },
+  dot: Boolean,
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String,
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  content: [String, Number],
+  position: {
+    type: String,
+    default: "floating"
+  },
+  location: {
+    type: String,
+    default: "top-right"
+  }
+}), _hoisted_1 = { class: "g-badge__wrapper" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GBadge",
+  props: makeBadgeProps(),
+  setup(__props) {
+    const props = __props, { colorStyles } = useSurfaceColor(props), { glassStyles } = useGlass(props), {
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useSurfaceLayers("g-badge__surface"), normalizedVariant = computed(
+      () => props.variant === "primary" ? "gradient" : props.variant
+    ), { getMorphBlobStyle, materialStyles, morphBlobs, morphEnabled } = useMaterial({
+      baseClass: "g-badge__surface",
+      color: () => props.color ?? props.state,
+      kind: "action",
+      recipe: () => props.gradientRecipe,
+      effects: () => !!(normalizedVariant.value === "gradient" || props.shadow || props.dropShadow || props.shadowOptions || props.dropShadowOptions || props.morph || props.morphOptions),
+      animations: () => !!props.animationOptions,
+      shadow: () => props.shadowOptions,
+      dropShadow: () => props.dropShadowOptions,
+      animation: () => props.animationOptions,
+      morph: () => props.morphOptions ?? props.morph
+    }), badgeSurfaceStyles = computed(() => [
+      colorStyles.value,
+      materialStyles.value,
+      normalizedVariant.value === "glass" ? glassStyles.value : void 0
+    ]), badgeFrameProps = computed(() => ({
+      animateGlow: props.animateGlow,
+      borderRadius: props.borderRadius,
+      borderWidth: props.borderWidth ?? (props.glow || props.animateGlow || props.variant === "glass" ? 1 : 0),
+      color: props.color,
+      glow: props.glow,
+      gradientRecipe: props.gradientRecipe,
+      interactive: !1,
+      placement: props.placement,
+      rounded: props.rounded,
+      state: props.state,
+      surfaceFill: "transparent"
+    }));
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-badge", {
+        [`g-badge_${props.position}`]: !0,
+        [`g-badge_${props.location}`]: props.position === "floating"
+      }])
+    }, [
+      createElementVNode("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+      ]),
+      createElementVNode("div", {
+        class: normalizeClass(["g-badge__content", {
+          [`g-badge__content_${props.size}`]: !0
+        }])
+      }, [
+        createVNode(GGradient, mergeProps({ class: "g-badge__frame" }, badgeFrameProps.value), {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["g-badge__surface", {
+                [`g-badge__surface_${normalizedVariant.value}`]: !0,
+                "g-badge__surface_dot": props.dot,
+                [`g-badge__surface_texture-${props.texture}`]: props.texture !== "none"
+              }]),
+              style: normalizeStyle(badgeSurfaceStyles.value)
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref(surfaceUnderlayClasses))
+              }, null, 2),
+              unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+                "aria-hidden": "true"
+              }, [
+                (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+                  key: index,
+                  class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+                  style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+                }, null, 6))), 128))
+              ], 2)) : createCommentVNode("", !0),
+              createElementVNode("span", {
+                class: normalizeClass(unref(surfaceOverlayClasses))
+              }, null, 2),
+              createElementVNode("span", {
+                class: normalizeClass(unref(surfaceTextureClasses))
+              }, null, 2),
+              createElementVNode("span", {
+                class: normalizeClass(unref(surfaceContentClasses))
+              }, [
+                props.dot ? createCommentVNode("", !0) : renderSlot(_ctx.$slots, "content", {}, () => [
+                  createTextVNode(toDisplayString(props.content), 1)
+                ], !0, 0)
+              ], 2)
+            ], 6)
+          ]),
+          _: 3
+        }, 16)
+      ], 2)
+    ], 2));
+  }
+}), GBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c25b71dd"]]);
+export {
+  GBadge as default
+};

package/dist/components/GButton.cjs

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

package/dist/components/GButton.mjs

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

package/dist/components/GCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GGradient=require("./GGradient.cjs"),components_GIcon=require("./GIcon.cjs"),GLoading_vue_vue_type_style_index_0_lang=require("../GLoading.vue_vue_type_style_index_0_lang-KmMjjwpE.cjs"),density=require("../density-C3E1eUQ3.cjs"),materialSurface=require("../materialSurface-BZWqxSOo.cjs"),size=require("../size-BSjg5E6f.cjs"),tagName=require("../tagName-EmIHK0fg.cjs"),disabled=require("../disabled-B_bAKgaM.cjs"),surface=require("../surface-NFdB950M.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeCardProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps({borderRadius:16,borderWidth:void 0,color:"primary",placement:"center"}),...surface.makeSurfaceTextureProps(),...size.makeSizeProps(),...density.makeDensityProps(),...disabled.makeDisabledProps(),...tagName.makeTagNameProps(),hover:Boolean,loading:Boolean,loadingText:String,loadingProgressView:{type:String,default:"glow"},title:String,subtitle:String,text:String,image:String,imageAlt:String,prependIcon:String,appendIcon:String,variant:{type:String,default:"tonal"},layout:{type:String,default:"default"},color:{type:String,default:"primary"},state:String}),_hoisted_1={key:0,class:"g-card__media"},_hoisted_2=["src","alt"],_hoisted_3={class:"g-card__body"},_hoisted_4={key:0,class:"g-card__header"},_hoisted_5={key:0,class:"g-card__prepend"},_hoisted_6={class:"g-card__heading"},_hoisted_7={key:0,class:"g-card__title"},_hoisted_8={key:1,class:"g-card__subtitle"},_hoisted_9={key:1,class:"g-card__append"},_hoisted_10={key:1,class:"g-card__text"},_hoisted_11={key:2,class:"g-card__actions"},_hoisted_12={key:1,class:"g-card__footer"},_sfc_main=vue.defineComponent({inheritAttrs:!1,__name:"GCard",props:makeCardProps(),emits:["click"],setup(__props,{emit:__emit}){const slots=vue.useSlots(),attrs=vue.useAttrs(),emit=__emit,props=__props,sizeClass=size.useSize(props,"g-card"),densityClass=density.useDensity(props,"g-card"),{tagName:tagName$1,tagAttrs}=tagName.useTagName(props,"article"),isActionable=vue.computed(()=>!props.disabled&&!props.loading&&(props.href!==void 0||tagName$1.value==="button")),hasHoverLift=vue.computed(()=>!props.disabled&&!props.loading&&(isActionable.value||props.hover||props.shadow||props.dropShadow)),hasMedia=vue.computed(()=>!!(slots.media||props.image)),hasHeader=vue.computed(()=>!!(slots.prepend||slots.append||slots.title||slots.subtitle||props.prependIcon||props.appendIcon||props.title||props.subtitle)),resolvedImageAlt=vue.computed(()=>props.imageAlt??props.title??""),loadingText=vue.computed(()=>props.loadingText??"Loading..."),isDarkLoading=vue.computed(()=>props.layout==="overlay"),loadingOpacity=vue.computed(()=>isDarkLoading.value?.96:.64),{getMorphBlobStyle,morphBlobs,morphEnabled,materialFrameProps,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=materialSurface.useMaterialSurface(props,"g-card"),onClick=event=>{if(props.disabled||props.loading){event.preventDefault(),event.stopPropagation();return}emit("click",event)};return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({class:"g-card__frame"},vue.unref(materialFrameProps),{interactive:hasHoverLift.value}),{default:vue.withCtx(()=>[(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(vue.unref(tagName$1)),vue.mergeProps({class:["g-card",[vue.unref(sizeClass),vue.unref(densityClass),`g-card_${props.variant}`,`g-card_layout-${props.layout}`,{"g-card_disabled":props.disabled,"g-card_loading":props.loading,"g-card_actionable":isActionable.value,"g-card_hoverable":hasHoverLift.value,"g-card_has-media":hasMedia.value,[`g-card_texture-${props.texture}`]:props.texture!=="none"}]],style:vue.unref(surfaceStyles),"aria-busy":props.loading?"true":void 0},{...vue.unref(tagAttrs),...vue.unref(attrs)},{onClick}),{default:vue.withCtx(()=>[vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceUnderlayClasses))},null,2),vue.unref(morphEnabled)?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphClasses)),"aria-hidden":"true"},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(morphBlobs),(blob,index)=>(vue.openBlock(),vue.createElementBlock("span",{key:index,class:vue.normalizeClass(vue.unref(surfaceMaterialMorphBlobClasses)),style:vue.normalizeStyle(vue.unref(getMorphBlobStyle)(blob))},null,6))),128))],2)):vue.createCommentVNode("",!0),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceOverlayClasses))},null,2),vue.createElementVNode("span",{class:vue.normalizeClass(vue.unref(surfaceTextureClasses))},null,2),vue.createElementVNode("div",{class:vue.normalizeClass(["g-card__content",vue.unref(surfaceContentClasses)])},[hasMedia.value?(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"media",{},()=>[props.image?(vue.openBlock(),vue.createElementBlock("img",{key:0,src:props.image,alt:resolvedImageAlt.value},null,8,_hoisted_2)):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_3,[hasHeader.value?(vue.openBlock(),vue.createElementBlock("header",_hoisted_4,[slots.prepend||props.prependIcon?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"prepend",{},()=>[props.prependIcon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.prependIcon},null,8,["icon"])):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_6,[slots.title||props.title?(vue.openBlock(),vue.createElementBlock("h3",_hoisted_7,[vue.renderSlot(_ctx.$slots,"title",{},()=>[vue.createTextVNode(vue.toDisplayString(props.title),1)],!0)])):vue.createCommentVNode("",!0),slots.subtitle||props.subtitle?(vue.openBlock(),vue.createElementBlock("p",_hoisted_8,[vue.renderSlot(_ctx.$slots,"subtitle",{},()=>[vue.createTextVNode(vue.toDisplayString(props.subtitle),1)],!0)])):vue.createCommentVNode("",!0)]),slots.append||props.appendIcon?(vue.openBlock(),vue.createElementBlock("div",_hoisted_9,[vue.renderSlot(_ctx.$slots,"append",{},()=>[props.appendIcon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.appendIcon},null,8,["icon"])):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0)])):vue.createCommentVNode("",!0),slots.default||props.text?(vue.openBlock(),vue.createElementBlock("div",_hoisted_10,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)],!0)])):vue.createCommentVNode("",!0),slots.actions?(vue.openBlock(),vue.createElementBlock("div",_hoisted_11,[vue.renderSlot(_ctx.$slots,"actions",{},void 0,!0)])):vue.createCommentVNode("",!0)]),slots.footer?(vue.openBlock(),vue.createElementBlock("footer",_hoisted_12,[vue.renderSlot(_ctx.$slots,"footer",{},void 0,!0)])):vue.createCommentVNode("",!0)],2),props.loading?(vue.openBlock(),vue.createElementBlock("div",{key:1,class:"g-card__loading",onClick:_cache[0]||(_cache[0]=vue.withModifiers(()=>{},["stop"]))},[vue.createVNode(GLoading_vue_vue_type_style_index_0_lang._sfc_main,{show:"",text:loadingText.value,color:props.color,dark:!1,opacity:loadingOpacity.value,blur:"8px","progress-view":props.loadingProgressView},null,8,["text","color","opacity","progress-view"])])):vue.createCommentVNode("",!0)]),_:3},16,["class","style","aria-busy"]))]),_:3},16,["interactive"]))}}),GCard=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-d9513e9e"]]);exports.default=GCard;

package/dist/components/GCard.mjs

@@ -0,0 +1,235 @@
+import { defineComponent, useSlots, useAttrs, computed, openBlock, createBlock, mergeProps, unref, withCtx, resolveDynamicComponent, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, createCommentVNode, renderSlot, createTextVNode, toDisplayString, withModifiers, createVNode } from "vue";
+import GGradient from "./GGradient.mjs";
+import GIcon from "./GIcon.mjs";
+import { _ as _sfc_main$1 } from "../GLoading.vue_vue_type_style_index_0_lang-BNOsRA0v.js";
+import { m as makeDensityProps, u as useDensity } from "../density-Ci15Ek7T.js";
+import { m as makeMaterialSurfaceProps, u as useMaterialSurface } from "../materialSurface-DKWanYUC.js";
+import { m as makeSizeProps, u as useSize } from "../size-C-WH-uPa.js";
+import { m as makeTagNameProps, a as useTagName } from "../tagName-D8HI-Yqc.js";
+import { m as makeDisabledProps } from "../disabled-CAV056h6.js";
+import { m as makeSurfaceTextureProps } from "../surface-i-1vm2j3.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeCardProps = propsFactory({
+  ...makeMaterialSurfaceProps({
+    borderRadius: 16,
+    borderWidth: void 0,
+    color: "primary",
+    placement: "center"
+  }),
+  ...makeSurfaceTextureProps(),
+  ...makeSizeProps(),
+  ...makeDensityProps(),
+  ...makeDisabledProps(),
+  ...makeTagNameProps(),
+  hover: Boolean,
+  loading: Boolean,
+  loadingText: String,
+  loadingProgressView: {
+    type: String,
+    default: "glow"
+  },
+  title: String,
+  subtitle: String,
+  text: String,
+  image: String,
+  imageAlt: String,
+  prependIcon: String,
+  appendIcon: String,
+  variant: {
+    type: String,
+    default: "tonal"
+  },
+  layout: {
+    type: String,
+    default: "default"
+  },
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String
+}), _hoisted_1 = {
+  key: 0,
+  class: "g-card__media"
+}, _hoisted_2 = ["src", "alt"], _hoisted_3 = { class: "g-card__body" }, _hoisted_4 = {
+  key: 0,
+  class: "g-card__header"
+}, _hoisted_5 = {
+  key: 0,
+  class: "g-card__prepend"
+}, _hoisted_6 = { class: "g-card__heading" }, _hoisted_7 = {
+  key: 0,
+  class: "g-card__title"
+}, _hoisted_8 = {
+  key: 1,
+  class: "g-card__subtitle"
+}, _hoisted_9 = {
+  key: 1,
+  class: "g-card__append"
+}, _hoisted_10 = {
+  key: 1,
+  class: "g-card__text"
+}, _hoisted_11 = {
+  key: 2,
+  class: "g-card__actions"
+}, _hoisted_12 = {
+  key: 1,
+  class: "g-card__footer"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  inheritAttrs: !1,
+  __name: "GCard",
+  props: makeCardProps(),
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const slots = useSlots(), attrs = useAttrs(), emit = __emit, props = __props, sizeClass = useSize(props, "g-card"), densityClass = useDensity(props, "g-card"), { tagName, tagAttrs } = useTagName(props, "article"), isActionable = computed(
+      () => !props.disabled && !props.loading && (props.href !== void 0 || tagName.value === "button")
+    ), hasHoverLift = computed(
+      () => !props.disabled && !props.loading && (isActionable.value || props.hover || props.shadow || props.dropShadow)
+    ), hasMedia = computed(() => !!(slots.media || props.image)), hasHeader = computed(
+      () => !!(slots.prepend || slots.append || slots.title || slots.subtitle || props.prependIcon || props.appendIcon || props.title || props.subtitle)
+    ), resolvedImageAlt = computed(
+      () => props.imageAlt ?? props.title ?? ""
+    ), loadingText = computed(() => props.loadingText ?? "Loading..."), isDarkLoading = computed(() => props.layout === "overlay"), loadingOpacity = computed(() => isDarkLoading.value ? 0.96 : 0.64), {
+      getMorphBlobStyle,
+      morphBlobs,
+      morphEnabled,
+      materialFrameProps,
+      surfaceStyles,
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useMaterialSurface(props, "g-card"), onClick = (event) => {
+      if (props.disabled || props.loading) {
+        event.preventDefault(), event.stopPropagation();
+        return;
+      }
+      emit("click", event);
+    };
+    return (_ctx, _cache) => (openBlock(), createBlock(GGradient, mergeProps({ class: "g-card__frame" }, unref(materialFrameProps), { interactive: hasHoverLift.value }), {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(unref(tagName)), mergeProps({
+          class: ["g-card", [
+            unref(sizeClass),
+            unref(densityClass),
+            `g-card_${props.variant}`,
+            `g-card_layout-${props.layout}`,
+            {
+              "g-card_disabled": props.disabled,
+              "g-card_loading": props.loading,
+              "g-card_actionable": isActionable.value,
+              "g-card_hoverable": hasHoverLift.value,
+              "g-card_has-media": hasMedia.value,
+              [`g-card_texture-${props.texture}`]: props.texture !== "none"
+            }
+          ]],
+          style: unref(surfaceStyles),
+          "aria-busy": props.loading ? "true" : void 0
+        }, { ...unref(tagAttrs), ...unref(attrs) }, { onClick }), {
+          default: withCtx(() => [
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceUnderlayClasses))
+            }, null, 2),
+            unref(morphEnabled) ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+              "aria-hidden": "true"
+            }, [
+              (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("span", {
+                key: index,
+                class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+                style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+              }, null, 6))), 128))
+            ], 2)) : createCommentVNode("", !0),
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceOverlayClasses))
+            }, null, 2),
+            createElementVNode("span", {
+              class: normalizeClass(unref(surfaceTextureClasses))
+            }, null, 2),
+            createElementVNode("div", {
+              class: normalizeClass(["g-card__content", unref(surfaceContentClasses)])
+            }, [
+              hasMedia.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                renderSlot(_ctx.$slots, "media", {}, () => [
+                  props.image ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: props.image,
+                    alt: resolvedImageAlt.value
+                  }, null, 8, _hoisted_2)) : createCommentVNode("", !0)
+                ], !0)
+              ])) : createCommentVNode("", !0),
+              createElementVNode("div", _hoisted_3, [
+                hasHeader.value ? (openBlock(), createElementBlock("header", _hoisted_4, [
+                  slots.prepend || props.prependIcon ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    renderSlot(_ctx.$slots, "prepend", {}, () => [
+                      props.prependIcon ? (openBlock(), createBlock(GIcon, {
+                        key: 0,
+                        icon: props.prependIcon
+                      }, null, 8, ["icon"])) : createCommentVNode("", !0)
+                    ], !0)
+                  ])) : createCommentVNode("", !0),
+                  createElementVNode("div", _hoisted_6, [
+                    slots.title || props.title ? (openBlock(), createElementBlock("h3", _hoisted_7, [
+                      renderSlot(_ctx.$slots, "title", {}, () => [
+                        createTextVNode(toDisplayString(props.title), 1)
+                      ], !0)
+                    ])) : createCommentVNode("", !0),
+                    slots.subtitle || props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_8, [
+                      renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                        createTextVNode(toDisplayString(props.subtitle), 1)
+                      ], !0)
+                    ])) : createCommentVNode("", !0)
+                  ]),
+                  slots.append || props.appendIcon ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    renderSlot(_ctx.$slots, "append", {}, () => [
+                      props.appendIcon ? (openBlock(), createBlock(GIcon, {
+                        key: 0,
+                        icon: props.appendIcon
+                      }, null, 8, ["icon"])) : createCommentVNode("", !0)
+                    ], !0)
+                  ])) : createCommentVNode("", !0)
+                ])) : createCommentVNode("", !0),
+                slots.default || props.text ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    createTextVNode(toDisplayString(props.text), 1)
+                  ], !0)
+                ])) : createCommentVNode("", !0),
+                slots.actions ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "actions", {}, void 0, !0)
+                ])) : createCommentVNode("", !0)
+              ]),
+              slots.footer ? (openBlock(), createElementBlock("footer", _hoisted_12, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, !0)
+              ])) : createCommentVNode("", !0)
+            ], 2),
+            props.loading ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "g-card__loading",
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              createVNode(_sfc_main$1, {
+                show: "",
+                text: loadingText.value,
+                color: props.color,
+                dark: !1,
+                opacity: loadingOpacity.value,
+                blur: "8px",
+                "progress-view": props.loadingProgressView
+              }, null, 8, ["text", "color", "opacity", "progress-view"])
+            ])) : createCommentVNode("", !0)
+          ]),
+          _: 3
+        }, 16, ["class", "style", "aria-busy"]))
+      ]),
+      _: 3
+    }, 16, ["interactive"]));
+  }
+}), GCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9513e9e"]]);
+export {
+  GCard as default
+};

package/dist/components/GCheckbox.cjs

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

package/dist/components/GCheckbox.mjs

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

package/dist/components/GCheckboxGroup.cjs

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

package/dist/components/GCheckboxGroup.mjs

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