@gradient-ui/core 0.8.0 → 2.0.0

package/dist/color-WJmhRKJ_.js

@@ -0,0 +1,26 @@
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { computed, toValue } from "vue";
+import { b as resolveOnColorValue, r as resolveColorValue } from "./colorResolver-BBj51UAZ.js";
+const makeColorProps = propsFactory({
+  color: {
+    type: String,
+    default: "primary"
+  }
+});
+function useColor(props) {
+  return {
+    colorStyles: computed(() => {
+      const color = toValue(props.color);
+      return {
+        "--g-color": resolveColorValue(color),
+        "--g-on-color": resolveOnColorValue(color),
+        "--g-surface-color": "var(--g-token-color-surface)",
+        "--g-on-surface-color": "var(--g-token-color-on-surface)"
+      };
+    })
+  };
+}
+export {
+  makeColorProps as m,
+  useColor as u
+};

package/dist/colorResolver-BBj51UAZ.js

@@ -0,0 +1,90 @@
+import { p as parseColor, g as getContrastingColor, f as COLOR_SEEDS, C as COLOR_SHADES } from "./palette-CH8mtBoc.js";
+import { createGradientFromColor } from "@gradient-ui/gradient-engine";
+import { c as camelToKebabCase } from "./camelToKebabCase-nw6sbguT.js";
+import { computed, toValue } from "vue";
+const SEMANTIC_COLORS = [
+  "primary",
+  "main",
+  "error",
+  "warning",
+  "success",
+  "surface",
+  "on-surface"
+], resolveColorValue = (color) => {
+  const alias = resolveColorAlias(color);
+  return alias ? alias.color : color ? parseColor(color) || isCSSKeywordColor(color) ? color : isTokenColor(color) ? `rgb(var(--g-color-${color}))` : color : SEMANTIC_ALIASES.primary.color;
+}, resolveOnColorValue = (color) => {
+  const alias = resolveColorAlias(color);
+  return alias ? alias.onColor : color ? parseColor(color) ? getContrastingColor(color) : isTokenColor(color) ? `rgb(var(--g-color-on-${color}))` : SEMANTIC_ALIASES.primary.onColor : SEMANTIC_ALIASES.primary.onColor;
+}, resolveGradientValue = (color) => {
+  if (!color) return SEMANTIC_ALIASES.primary.gradient;
+  const alias = resolveColorAlias(color);
+  return alias ? alias.gradient : parseColor(color) ? createGradientFromColor(color) : color.includes("gradient(") || color.startsWith("var(") ? color : `var(--g-gradient-${color}, var(--g-gradient-main))`;
+}, useResolveGradientValue = (color) => computed(() => resolveGradientValue(toValue(color))), createPaletteAlias = (colorName, shade) => ({
+  color: `rgb(var(--g-color-${colorName}-${shade}))`,
+  onColor: `rgb(var(--g-color-on-${colorName}-${shade}))`,
+  gradient: `var(--g-gradient-${colorName}-${shade})`
+}), SEMANTIC_ALIASES = {
+  primary: {
+    color: "var(--g-token-color-primary)",
+    onColor: "var(--g-token-color-on-primary)",
+    gradient: "var(--g-gradient-main)"
+  },
+  main: {
+    color: "var(--g-token-color-primary)",
+    onColor: "var(--g-token-color-on-primary)",
+    gradient: "var(--g-gradient-main)"
+  },
+  error: {
+    color: "var(--g-token-color-error)",
+    onColor: "var(--g-token-color-on-error)",
+    gradient: "var(--g-gradient-error)"
+  },
+  warning: {
+    color: "var(--g-token-color-warning)",
+    onColor: "var(--g-token-color-on-warning)",
+    gradient: "var(--g-gradient-warning)"
+  },
+  success: {
+    color: "var(--g-token-color-success)",
+    onColor: "var(--g-token-color-on-success)",
+    gradient: "var(--g-gradient-success)"
+  },
+  surface: {
+    color: "var(--g-token-color-surface)",
+    onColor: "var(--g-token-color-on-surface)",
+    gradient: "var(--g-gradient-source-500)"
+  },
+  "on-surface": {
+    color: "var(--g-token-color-on-surface)",
+    onColor: "var(--g-token-color-surface)",
+    gradient: "var(--g-gradient-source-500)"
+  }
+}, PALETTE_FAMILIES = /* @__PURE__ */ new Set([
+  "source",
+  ...Object.keys(COLOR_SEEDS).map(camelToKebabCase)
+]), COLOR_SHADE_SET = new Set(COLOR_SHADES), SEMANTIC_COLOR_SET = new Set(SEMANTIC_COLORS), CSS_KEYWORD_COLOR_SET = /* @__PURE__ */ new Set([
+  "transparent",
+  "currentColor",
+  "currentcolor",
+  "inherit",
+  "initial",
+  "revert",
+  "unset",
+  "black",
+  "white"
+]), TOKEN_COLOR_RE = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/, isSemanticColor = (color) => SEMANTIC_COLOR_SET.has(color), isCSSKeywordColor = (color) => CSS_KEYWORD_COLOR_SET.has(color), isTokenColor = (color) => TOKEN_COLOR_RE.test(color) && !isCSSKeywordColor(color), resolvePaletteAlias = (color) => {
+  if (PALETTE_FAMILIES.has(color))
+    return createPaletteAlias(color, 500);
+  const match = color.match(/^(.+)-(\d+)$/);
+  if (!match || !PALETTE_FAMILIES.has(match[1])) return null;
+  const shade = Number(match[2]);
+  return COLOR_SHADE_SET.has(shade) ? createPaletteAlias(match[1], shade) : null;
+}, resolveColorAlias = (color) => color ? isSemanticColor(color) ? SEMANTIC_ALIASES[color] : resolvePaletteAlias(color) : SEMANTIC_ALIASES.primary;
+export {
+  SEMANTIC_COLORS as S,
+  resolveGradientValue as a,
+  resolveOnColorValue as b,
+  resolveColorValue as r,
+  useResolveGradientValue as u
+};

package/dist/colorResolver-C6PTz0S8.cjs

@@ -0,0 +1 @@
+"use strict";const palette=require("./palette-WOebHg01.cjs"),gradientEngine=require("@gradient-ui/gradient-engine"),camelToKebabCase=require("./camelToKebabCase-BFm1Zwmu.cjs"),vue=require("vue"),SEMANTIC_COLORS=["primary","main","error","warning","success","surface","on-surface"],resolveColorValue=color=>{const alias=resolveColorAlias(color);return alias?alias.color:color?palette.parseColor(color)||isCSSKeywordColor(color)?color:isTokenColor(color)?`rgb(var(--g-color-${color}))`:color:SEMANTIC_ALIASES.primary.color},resolveOnColorValue=color=>{const alias=resolveColorAlias(color);return alias?alias.onColor:color?palette.parseColor(color)?palette.getContrastingColor(color):isTokenColor(color)?`rgb(var(--g-color-on-${color}))`:SEMANTIC_ALIASES.primary.onColor:SEMANTIC_ALIASES.primary.onColor},resolveGradientValue=color=>{if(!color)return SEMANTIC_ALIASES.primary.gradient;const alias=resolveColorAlias(color);return alias?alias.gradient:palette.parseColor(color)?gradientEngine.createGradientFromColor(color):color.includes("gradient(")||color.startsWith("var(")?color:`var(--g-gradient-${color}, var(--g-gradient-main))`},useResolveGradientValue=color=>vue.computed(()=>resolveGradientValue(vue.toValue(color))),createPaletteAlias=(colorName,shade)=>({color:`rgb(var(--g-color-${colorName}-${shade}))`,onColor:`rgb(var(--g-color-on-${colorName}-${shade}))`,gradient:`var(--g-gradient-${colorName}-${shade})`}),SEMANTIC_ALIASES={primary:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},main:{color:"var(--g-token-color-primary)",onColor:"var(--g-token-color-on-primary)",gradient:"var(--g-gradient-main)"},error:{color:"var(--g-token-color-error)",onColor:"var(--g-token-color-on-error)",gradient:"var(--g-gradient-error)"},warning:{color:"var(--g-token-color-warning)",onColor:"var(--g-token-color-on-warning)",gradient:"var(--g-gradient-warning)"},success:{color:"var(--g-token-color-success)",onColor:"var(--g-token-color-on-success)",gradient:"var(--g-gradient-success)"},surface:{color:"var(--g-token-color-surface)",onColor:"var(--g-token-color-on-surface)",gradient:"var(--g-gradient-source-500)"},"on-surface":{color:"var(--g-token-color-on-surface)",onColor:"var(--g-token-color-surface)",gradient:"var(--g-gradient-source-500)"}},PALETTE_FAMILIES=new Set(["source",...Object.keys(palette.COLOR_SEEDS).map(camelToKebabCase.camelToKebabCase)]),COLOR_SHADE_SET=new Set(palette.COLOR_SHADES),SEMANTIC_COLOR_SET=new Set(SEMANTIC_COLORS),CSS_KEYWORD_COLOR_SET=new Set(["transparent","currentColor","currentcolor","inherit","initial","revert","unset","black","white"]),TOKEN_COLOR_RE=/^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/,isSemanticColor=color=>SEMANTIC_COLOR_SET.has(color),isCSSKeywordColor=color=>CSS_KEYWORD_COLOR_SET.has(color),isTokenColor=color=>TOKEN_COLOR_RE.test(color)&&!isCSSKeywordColor(color),resolvePaletteAlias=color=>{if(PALETTE_FAMILIES.has(color))return createPaletteAlias(color,500);const match=color.match(/^(.+)-(\d+)$/);if(!match||!PALETTE_FAMILIES.has(match[1]))return null;const shade=Number(match[2]);return COLOR_SHADE_SET.has(shade)?createPaletteAlias(match[1],shade):null},resolveColorAlias=color=>color?isSemanticColor(color)?SEMANTIC_ALIASES[color]:resolvePaletteAlias(color):SEMANTIC_ALIASES.primary;exports.SEMANTIC_COLORS=SEMANTIC_COLORS;exports.resolveColorValue=resolveColorValue;exports.resolveGradientValue=resolveGradientValue;exports.resolveOnColorValue=resolveOnColorValue;exports.useResolveGradientValue=useResolveGradientValue;

package/dist/component-names.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const componentNames=["BaseOverlay","GAlert","GAside","GAsideGroup","GAsideItem","GAvatar","GAvatarGroup","GBadge","GButton","GCard","GCheckbox","GCheckboxGroup","GChip","GDivider","GDrawer","GDropdownGroup","GExpansion","GExpansionGroup","GFAB","GForm","GGradient","GIcon","GImg","GInput","GLoading","GMenu","GModal","GNavbar","GNavbarItem","GNavbarMenu","GNavbarSubItem","GNavGroup","GNavItem","GNavList","GProgress","GQuickActions","GRadio","GSelect","GSnackbar","GSquircle","GStepPanel","GStepper","GStepperActions","GSwitch","GTab","GTabList","GTabPanel","GTabPanels","GTable","GTabs","GText","GTextarea","GTooltip","GTransition","GTransitionGroup","GExpandTransition","GCombobox","GGradientMaterial"],componentEntryDirectories={GAsideGroup:"GAside",GAsideItem:"GAside",GAvatarGroup:"GAvatar",GNavbarItem:"GNavbar",GNavbarMenu:"GNavbar",GNavbarSubItem:"GNavbar",GNavGroup:"GNavList",GNavItem:"GNavList",GStepPanel:"GStepper",GStepperActions:"GStepper",GTab:"GTabs",GTabList:"GTabs",GTabPanel:"GTabs",GTabPanels:"GTabs"};exports.componentEntryDirectories=componentEntryDirectories;exports.componentNames=componentNames;

package/dist/component-names.mjs

@@ -0,0 +1,79 @@
+const componentNames = [
+  "BaseOverlay",
+  "GAlert",
+  "GAside",
+  "GAsideGroup",
+  "GAsideItem",
+  "GAvatar",
+  "GAvatarGroup",
+  "GBadge",
+  "GButton",
+  "GCard",
+  "GCheckbox",
+  "GCheckboxGroup",
+  "GChip",
+  "GDivider",
+  "GDrawer",
+  "GDropdownGroup",
+  "GExpansion",
+  "GExpansionGroup",
+  "GFAB",
+  "GForm",
+  "GGradient",
+  "GIcon",
+  "GImg",
+  "GInput",
+  "GLoading",
+  "GMenu",
+  "GModal",
+  "GNavbar",
+  "GNavbarItem",
+  "GNavbarMenu",
+  "GNavbarSubItem",
+  "GNavGroup",
+  "GNavItem",
+  "GNavList",
+  "GProgress",
+  "GQuickActions",
+  "GRadio",
+  "GSelect",
+  "GSnackbar",
+  "GSquircle",
+  "GStepPanel",
+  "GStepper",
+  "GStepperActions",
+  "GSwitch",
+  "GTab",
+  "GTabList",
+  "GTabPanel",
+  "GTabPanels",
+  "GTable",
+  "GTabs",
+  "GText",
+  "GTextarea",
+  "GTooltip",
+  "GTransition",
+  "GTransitionGroup",
+  "GExpandTransition",
+  "GCombobox",
+  "GGradientMaterial"
+], componentEntryDirectories = {
+  GAsideGroup: "GAside",
+  GAsideItem: "GAside",
+  GAvatarGroup: "GAvatar",
+  GNavbarItem: "GNavbar",
+  GNavbarMenu: "GNavbar",
+  GNavbarSubItem: "GNavbar",
+  GNavGroup: "GNavList",
+  GNavItem: "GNavList",
+  GStepPanel: "GStepper",
+  GStepperActions: "GStepper",
+  GTab: "GTabs",
+  GTabList: "GTabs",
+  GTabPanel: "GTabs",
+  GTabPanels: "GTabs"
+};
+export {
+  componentEntryDirectories,
+  componentNames
+};

package/dist/components/BaseOverlay.cjs

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

package/dist/components/BaseOverlay.mjs

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

package/dist/components/GAlert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GIcon=require("./GIcon.cjs"),components_GGradient=require("./GGradient.cjs"),surface=require("../surface-NFdB950M.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),materialSurface=require("../materialSurface-BZWqxSOo.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeAlertProps=propsFactory.propsFactory({...materialSurface.makeMaterialSurfaceProps({borderRadius:12}),...surface.makeSurfaceTextureProps(),title:String,text:String,icon:String,color:{type:String,default:"primary"},state:String,variant:{type:String,default:"tonal"}}),_hoisted_1={key:0,class:"g-alert__prepend"},_hoisted_2={class:"g-alert__main"},_hoisted_3={key:0,class:"g-alert__title"},_hoisted_4={key:1,class:"g-alert__body"},_hoisted_5={key:2,class:"g-alert__footer"},_hoisted_6={key:1,class:"g-alert__append"},_sfc_main=vue.defineComponent({__name:"GAlert",props:makeAlertProps(),setup(__props){const slots=vue.useSlots(),props=__props,{getMorphBlobStyle,morphBlobs,morphEnabled,materialFrameProps,surfaceStyles,surfaceMaterialMorphBlobClasses,surfaceMaterialMorphClasses,surfaceOverlayClasses,surfaceUnderlayClasses,surfaceTextureClasses,surfaceContentClasses}=materialSurface.useMaterialSurface(props,"g-alert");return(_ctx,_cache)=>(vue.openBlock(),vue.createBlock(components_GGradient.default,vue.mergeProps({class:"g-alert__frame"},vue.unref(materialFrameProps)),{default:vue.withCtx(()=>[vue.createElementVNode("section",{class:vue.normalizeClass(["g-alert",[`g-alert_${props.variant}`,{[`g-alert_texture-${props.texture}`]:props.texture!=="none"}]]),style:vue.normalizeStyle(vue.unref(surfaceStyles)),role:"status"},[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-alert__content",vue.unref(surfaceContentClasses)])},[slots.prepend||props.icon?(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"prepend",{},()=>[props.icon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.icon,size:"22"},null,8,["icon"])):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("div",_hoisted_2,[slots.title||props.title?(vue.openBlock(),vue.createElementBlock("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"title",{},()=>[vue.createTextVNode(vue.toDisplayString(props.title),1)],!0)])):vue.createCommentVNode("",!0),slots.default||props.text?(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.text),1)],!0)])):vue.createCommentVNode("",!0),slots.footer?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"footer",{},void 0,!0)])):vue.createCommentVNode("",!0)]),slots.append?(vue.openBlock(),vue.createElementBlock("div",_hoisted_6,[vue.renderSlot(_ctx.$slots,"append",{},void 0,!0)])):vue.createCommentVNode("",!0)],2)],6)]),_:3},16))}}),GAlert=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-216989d9"]]);exports.default=GAlert;

package/dist/components/GAlert.mjs

@@ -0,0 +1,126 @@
+import { defineComponent, useSlots, openBlock, createBlock, mergeProps, unref, withCtx, createElementVNode, normalizeStyle, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
+import GIcon from "./GIcon.mjs";
+import GGradient from "./GGradient.mjs";
+import { m as makeSurfaceTextureProps } from "../surface-i-1vm2j3.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { m as makeMaterialSurfaceProps, u as useMaterialSurface } from "../materialSurface-DKWanYUC.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeAlertProps = propsFactory({
+  ...makeMaterialSurfaceProps({ borderRadius: 12 }),
+  ...makeSurfaceTextureProps(),
+  title: String,
+  text: String,
+  icon: String,
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String,
+  variant: {
+    type: String,
+    default: "tonal"
+  }
+}), _hoisted_1 = {
+  key: 0,
+  class: "g-alert__prepend"
+}, _hoisted_2 = { class: "g-alert__main" }, _hoisted_3 = {
+  key: 0,
+  class: "g-alert__title"
+}, _hoisted_4 = {
+  key: 1,
+  class: "g-alert__body"
+}, _hoisted_5 = {
+  key: 2,
+  class: "g-alert__footer"
+}, _hoisted_6 = {
+  key: 1,
+  class: "g-alert__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GAlert",
+  props: makeAlertProps(),
+  setup(__props) {
+    const slots = useSlots(), props = __props, {
+      getMorphBlobStyle,
+      morphBlobs,
+      morphEnabled,
+      materialFrameProps,
+      surfaceStyles,
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useMaterialSurface(props, "g-alert");
+    return (_ctx, _cache) => (openBlock(), createBlock(GGradient, mergeProps({ class: "g-alert__frame" }, unref(materialFrameProps)), {
+      default: withCtx(() => [
+        createElementVNode("section", {
+          class: normalizeClass(["g-alert", [
+            `g-alert_${props.variant}`,
+            {
+              [`g-alert_texture-${props.texture}`]: props.texture !== "none"
+            }
+          ]]),
+          style: normalizeStyle(unref(surfaceStyles)),
+          role: "status"
+        }, [
+          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-alert__content", unref(surfaceContentClasses)])
+          }, [
+            slots.prepend || props.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "prepend", {}, () => [
+                props.icon ? (openBlock(), createBlock(GIcon, {
+                  key: 0,
+                  icon: props.icon,
+                  size: "22"
+                }, null, 8, ["icon"])) : createCommentVNode("", !0)
+              ], !0)
+            ])) : createCommentVNode("", !0),
+            createElementVNode("div", _hoisted_2, [
+              slots.title || props.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(toDisplayString(props.title), 1)
+                ], !0)
+              ])) : createCommentVNode("", !0),
+              slots.default || props.text ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(props.text), 1)
+                ], !0)
+              ])) : createCommentVNode("", !0),
+              slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, !0)
+              ])) : createCommentVNode("", !0)
+            ]),
+            slots.append ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              renderSlot(_ctx.$slots, "append", {}, void 0, !0)
+            ])) : createCommentVNode("", !0)
+          ], 2)
+        ], 6)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), GAlert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-216989d9"]]);
+export {
+  GAlert as default
+};

package/dist/components/GAside.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),glass=require("../glass-CZEblMo2.cjs"),types=require("../types-BItiZqNo.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["aria-label"],_hoisted_2={key:0,class:"g-aside__header"},_hoisted_3={class:"g-aside__items"},_hoisted_4={key:1,class:"g-aside__footer"},_sfc_main=vue.defineComponent({__name:"GAside",props:types.makeAsideProps({color:"primary"}),emits:["update:modelValue","select"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,localValue=vue.ref(props.defaultValue),isControlled=vue.computed(()=>props.modelValue!==void 0),model=vue.computed({get(){return isControlled.value?props.modelValue:localValue.value},set(value){isControlled.value||(localValue.value=value),emit("update:modelValue",value)}}),resolvedActiveColor=vue.computed(()=>props.activeColor??props.color),{colorStyles,resolvedGradient}=surfaceColor.useSurfaceColor({color:()=>resolvedActiveColor.value}),{glassStyles}=glass.useGlass(props),asideLayoutStyles=vue.computed(()=>({"--g-aside-active-gradient":resolvedGradient.value,"--g-aside-top":toUnit(props.top,"88px"),"--g-aside-offset":toUnit(props.offset,"24px"),"--g-aside-width":toUnit(props.width,"228px"),"--g-aside-radius":toUnit(props.radius,"28px")})),asideStyles=vue.computed(()=>[colorStyles.value,glassStyles.value,asideLayoutStyles.value]),asideClasses=vue.computed(()=>({[`g-aside_${props.placement}`]:!0,[`g-aside_align-${props.align}`]:!0,[`g-aside_${props.position}`]:!0,[`g-aside_${props.surface}`]:!0})),slotProps=vue.computed(()=>({modelValue:model.value,select}));function toUnit(value,fallback){return value==null||value===""?fallback:typeof value=="number"?`${value}px`:value}function isSelected(value){return value!==void 0&&Object.is(model.value,value)}function select(value,event){value!==void 0&&(model.value=value,emit("select",value,event))}return types.provideAside({modelValue:model,color:vue.computed(()=>props.color),activeColor:resolvedActiveColor,placement:vue.computed(()=>props.placement),align:vue.computed(()=>props.align),indicator:vue.computed(()=>props.indicator),isSelected,select}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("aside",{class:vue.normalizeClass(["g-aside",asideClasses.value]),style:vue.normalizeStyle(asideStyles.value)},[vue.createElementVNode("nav",{class:"g-aside__nav","aria-label":props.ariaLabel||"Aside navigation"},[slots.header?(vue.openBlock(),vue.createElementBlock("div",_hoisted_2,[vue.renderSlot(_ctx.$slots,"header",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("ul",_hoisted_3,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)]),slots.footer?(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"footer",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)])):vue.createCommentVNode("",!0)],8,_hoisted_1)],6))}}),GAside=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-15aef72a"]]);exports.default=GAside;

package/dist/components/GAside.mjs

@@ -0,0 +1,90 @@
+import { defineComponent, useSlots, ref, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useGlass } from "../glass-CJjbKWWO.js";
+import { p as provideAside, m as makeAsideProps } from "../types-D_HgEWtj.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["aria-label"], _hoisted_2 = {
+  key: 0,
+  class: "g-aside__header"
+}, _hoisted_3 = { class: "g-aside__items" }, _hoisted_4 = {
+  key: 1,
+  class: "g-aside__footer"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GAside",
+  props: makeAsideProps({ color: "primary" }),
+  emits: ["update:modelValue", "select"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, localValue = ref(props.defaultValue), isControlled = computed(() => props.modelValue !== void 0), model = computed({
+      get() {
+        return isControlled.value ? props.modelValue : localValue.value;
+      },
+      set(value) {
+        isControlled.value || (localValue.value = value), emit("update:modelValue", value);
+      }
+    }), resolvedActiveColor = computed(
+      () => props.activeColor ?? props.color
+    ), { colorStyles, resolvedGradient } = useSurfaceColor({
+      color: () => resolvedActiveColor.value
+    }), { glassStyles } = useGlass(props), asideLayoutStyles = computed(
+      () => ({
+        "--g-aside-active-gradient": resolvedGradient.value,
+        "--g-aside-top": toUnit(props.top, "88px"),
+        "--g-aside-offset": toUnit(props.offset, "24px"),
+        "--g-aside-width": toUnit(props.width, "228px"),
+        "--g-aside-radius": toUnit(props.radius, "28px")
+      })
+    ), asideStyles = computed(() => [
+      colorStyles.value,
+      glassStyles.value,
+      asideLayoutStyles.value
+    ]), asideClasses = computed(() => ({
+      [`g-aside_${props.placement}`]: !0,
+      [`g-aside_align-${props.align}`]: !0,
+      [`g-aside_${props.position}`]: !0,
+      [`g-aside_${props.surface}`]: !0
+    })), slotProps = computed(() => ({
+      modelValue: model.value,
+      select
+    }));
+    function toUnit(value, fallback) {
+      return value == null || value === "" ? fallback : typeof value == "number" ? `${value}px` : value;
+    }
+    function isSelected(value) {
+      return value !== void 0 && Object.is(model.value, value);
+    }
+    function select(value, event) {
+      value !== void 0 && (model.value = value, emit("select", value, event));
+    }
+    return provideAside({
+      modelValue: model,
+      color: computed(() => props.color),
+      activeColor: resolvedActiveColor,
+      placement: computed(() => props.placement),
+      align: computed(() => props.align),
+      indicator: computed(() => props.indicator),
+      isSelected,
+      select
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("aside", {
+      class: normalizeClass(["g-aside", asideClasses.value]),
+      style: normalizeStyle(asideStyles.value)
+    }, [
+      createElementVNode("nav", {
+        class: "g-aside__nav",
+        "aria-label": props.ariaLabel || "Aside navigation"
+      }, [
+        slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+        ])) : createCommentVNode("", !0),
+        createElementVNode("ul", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+        ]),
+        slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+        ])) : createCommentVNode("", !0)
+      ], 8, _hoisted_1)
+    ], 6));
+  }
+}), GAside = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-15aef72a"]]);
+export {
+  GAside as default
+};

package/dist/components/GAsideGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GIcon=require("./GIcon.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),types=require("../types-BItiZqNo.cjs"),groupContext=require("../groupContext-C2lbjfsf.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1={class:"g-aside-group__label"},_hoisted_2={key:0,class:"g-aside-group__append"},_hoisted_3={class:"g-aside-group__items"},_sfc_main=vue.defineComponent({__name:"GAsideGroup",props:types.makeAsideGroupProps(),setup(__props){const props=__props,slots=vue.useSlots(),aside=types.useAsideInject(),open=vue.ref(props.defaultOpen),ownedValues=new Set,selected=vue.computed(()=>{if(!aside)return!1;if(props.value!==void 0&&aside.isSelected(props.value))return!0;for(const value of ownedValues)if(aside.isSelected(value))return!0;return!1}),placement=vue.computed(()=>(aside==null?void 0:aside.placement.value)??"right"),align=vue.computed(()=>(aside==null?void 0:aside.align.value)??"end"),resolvedColor=vue.computed(()=>(selected.value?aside==null?void 0:aside.activeColor.value:aside==null?void 0:aside.color.value)??"primary"),{colorStyles}=surfaceColor.useSurfaceColor({color:()=>resolvedColor.value}),groupStyles=vue.computed(()=>colorStyles.value),slotProps=vue.computed(()=>({selected:selected.value,open:open.value,disabled:props.disabled,value:props.value,modelValue:aside==null?void 0:aside.modelValue.value,isSelected,select,toggle}));function isSelected(value){return aside?aside.isSelected(value):!1}function select(value,event){aside==null||aside.select(value,event)}function toggle(){!props.collapsible||props.disabled||(open.value=!open.value)}function registerValue(value){value!==void 0&&ownedValues.add(value)}function unregisterValue(value){value!==void 0&&ownedValues.delete(value)}return groupContext.provideAsideGroup({registerValue,unregisterValue}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("li",{class:vue.normalizeClass(["g-aside-group",{"g-aside-group_open":open.value,"g-aside-group_selected":selected.value,"g-aside-group_disabled":props.disabled,[`g-aside-group_${placement.value}`]:!0,[`g-aside-group_align-${align.value}`]:!0}]),style:vue.normalizeStyle(groupStyles.value),role:"none"},[props.label||slots.label||props.collapsible?(vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(props.collapsible?"button":"div"),{key:0,class:"g-aside-group__header",type:props.collapsible?"button":void 0,disabled:props.collapsible?props.disabled:void 0,onClick:toggle},{default:vue.withCtx(()=>[vue.createElementVNode("span",_hoisted_1,[vue.renderSlot(_ctx.$slots,"label",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)]),slots.append||props.collapsible?(vue.openBlock(),vue.createElementBlock("span",_hoisted_2,[vue.renderSlot(_ctx.$slots,"append",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[props.collapsible?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.appendIcon},null,8,["icon"])):vue.createCommentVNode("",!0)],!0)])):vue.createCommentVNode("",!0)]),_:3},8,["type","disabled"])):vue.createCommentVNode("",!0),vue.withDirectives(vue.createElementVNode("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)],512),[[vue.vShow,!props.collapsible||open.value]])],6))}}),GAsideGroup=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-61fdd97c"]]);exports.default=GAsideGroup;

package/dist/components/GAsideGroup.mjs

@@ -0,0 +1,99 @@
+import { defineComponent, useSlots, ref, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createBlock, resolveDynamicComponent, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createCommentVNode, withDirectives, vShow } from "vue";
+import GIcon from "./GIcon.mjs";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useAsideInject, a as makeAsideGroupProps } from "../types-D_HgEWtj.js";
+import { p as provideAsideGroup } from "../groupContext-CBceOY6B.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = { class: "g-aside-group__label" }, _hoisted_2 = {
+  key: 0,
+  class: "g-aside-group__append"
+}, _hoisted_3 = { class: "g-aside-group__items" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GAsideGroup",
+  props: makeAsideGroupProps(),
+  setup(__props) {
+    const props = __props, slots = useSlots(), aside = useAsideInject(), open = ref(props.defaultOpen), ownedValues = /* @__PURE__ */ new Set(), selected = computed(() => {
+      if (!aside) return !1;
+      if (props.value !== void 0 && aside.isSelected(props.value))
+        return !0;
+      for (const value of ownedValues)
+        if (aside.isSelected(value))
+          return !0;
+      return !1;
+    }), placement = computed(() => (aside == null ? void 0 : aside.placement.value) ?? "right"), align = computed(() => (aside == null ? void 0 : aside.align.value) ?? "end"), resolvedColor = computed(
+      () => (selected.value ? aside == null ? void 0 : aside.activeColor.value : aside == null ? void 0 : aside.color.value) ?? "primary"
+    ), { colorStyles } = useSurfaceColor({
+      color: () => resolvedColor.value
+    }), groupStyles = computed(() => colorStyles.value), slotProps = computed(() => ({
+      selected: selected.value,
+      open: open.value,
+      disabled: props.disabled,
+      value: props.value,
+      modelValue: aside == null ? void 0 : aside.modelValue.value,
+      isSelected,
+      select,
+      toggle
+    }));
+    function isSelected(value) {
+      return aside ? aside.isSelected(value) : !1;
+    }
+    function select(value, event) {
+      aside == null || aside.select(value, event);
+    }
+    function toggle() {
+      !props.collapsible || props.disabled || (open.value = !open.value);
+    }
+    function registerValue(value) {
+      value !== void 0 && ownedValues.add(value);
+    }
+    function unregisterValue(value) {
+      value !== void 0 && ownedValues.delete(value);
+    }
+    return provideAsideGroup({
+      registerValue,
+      unregisterValue
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("li", {
+      class: normalizeClass(["g-aside-group", {
+        "g-aside-group_open": open.value,
+        "g-aside-group_selected": selected.value,
+        "g-aside-group_disabled": props.disabled,
+        [`g-aside-group_${placement.value}`]: !0,
+        [`g-aside-group_align-${align.value}`]: !0
+      }]),
+      style: normalizeStyle(groupStyles.value),
+      role: "none"
+    }, [
+      props.label || slots.label || props.collapsible ? (openBlock(), createBlock(resolveDynamicComponent(props.collapsible ? "button" : "div"), {
+        key: 0,
+        class: "g-aside-group__header",
+        type: props.collapsible ? "button" : void 0,
+        disabled: props.collapsible ? props.disabled : void 0,
+        onClick: toggle
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+              createTextVNode(toDisplayString(props.label), 1)
+            ], !0)
+          ]),
+          slots.append || props.collapsible ? (openBlock(), createElementBlock("span", _hoisted_2, [
+            renderSlot(_ctx.$slots, "append", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+              props.collapsible ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                icon: props.appendIcon
+              }, null, 8, ["icon"])) : createCommentVNode("", !0)
+            ], !0)
+          ])) : createCommentVNode("", !0)
+        ]),
+        _: 3
+      }, 8, ["type", "disabled"])) : createCommentVNode("", !0),
+      withDirectives(createElementVNode("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+      ], 512), [
+        [vShow, !props.collapsible || open.value]
+      ])
+    ], 6));
+  }
+}), GAsideGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61fdd97c"]]);
+export {
+  GAsideGroup as default
+};

package/dist/components/GAsideItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GIcon=require("./GIcon.cjs"),routerLink=require("../routerLink-BhTEISct.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),types=require("../types-BItiZqNo.cjs"),groupContext=require("../groupContext-C2lbjfsf.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_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=vue.defineComponent({__name:"GAsideItem",props:types.makeAsideItemProps(),emits:["click"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,aside=types.useAsideInject(),group=groupContext.useAsideGroupInject(),RouterLink=routerLink.useOptionalRouterLink(),selected=vue.computed(()=>aside?aside.isSelected(props.value):!1),placement=vue.computed(()=>(aside==null?void 0:aside.placement.value)??"right"),align=vue.computed(()=>(aside==null?void 0:aside.align.value)??"end"),indicator=vue.computed(()=>(aside==null?void 0:aside.indicator.value)??"dot"),resolvedColor=vue.computed(()=>(selected.value?aside==null?void 0:aside.activeColor.value:aside==null?void 0:aside.color.value)??"primary"),{colorStyles}=surfaceColor.useSurfaceColor({color:()=>resolvedColor.value}),itemStyles=vue.computed(()=>colorStyles.value),slotProps=vue.computed(()=>({selected:selected.value,disabled:props.disabled,value:props.value,modelValue:aside==null?void 0:aside.modelValue.value,isSelected,select})),isRouterLink=vue.computed(()=>!!RouterLink&&!!props.to&&!props.disabled),fallbackHref=vue.computed(()=>routerLink.getRouterFallbackHref(props.to)),isLink=vue.computed(()=>!!(props.href||!RouterLink&&fallbackHref.value)&&!props.disabled),actionTag=vue.computed(()=>isRouterLink.value?RouterLink:isLink.value?"a":"button"),actionAttrs=vue.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 vue.onMounted(()=>{group==null||group.registerValue(props.value)}),vue.onBeforeUnmount(()=>{group==null||group.unregisterValue(props.value)}),vue.watch(()=>props.value,(value,oldValue)=>{group==null||group.unregisterValue(oldValue),group==null||group.registerValue(value)}),(_ctx,_cache)=>{const _directive_ripple=vue.resolveDirective("ripple");return vue.openBlock(),vue.createElementBlock("li",{class:vue.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:vue.normalizeStyle(itemStyles.value),role:"none"},[vue.withDirectives((vue.openBlock(),vue.createBlock(vue.resolveDynamicComponent(actionTag.value),vue.mergeProps({class:"g-aside-item__action",role:"menuitem","aria-current":selected.value?"page":void 0},actionAttrs.value,{onClick}),{default:vue.withCtx(()=>[slots.prepend||props.prependIcon?(vue.openBlock(),vue.createElementBlock("span",_hoisted_1,[vue.renderSlot(_ctx.$slots,"prepend",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(components_GIcon.default,{icon:props.prependIcon},null,8,["icon"])],!0)])):vue.createCommentVNode("",!0),vue.createElementVNode("span",_hoisted_2,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)]),_cache[0]||(_cache[0]=vue.createElementVNode("span",{"aria-hidden":"true",class:"g-aside-item__indicator"},null,-1)),slots.append||props.appendIcon?(vue.openBlock(),vue.createElementBlock("span",_hoisted_3,[vue.renderSlot(_ctx.$slots,"append",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(components_GIcon.default,{icon:props.appendIcon},null,8,["icon"])],!0)])):vue.createCommentVNode("",!0)]),_:3},16,["aria-current"])),[[_directive_ripple]])],6)}}}),GAsideItem=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-ccb65b45"]]);exports.default=GAsideItem;