@gradient-ui/core 0.6.0 → 1.0.0

package/dist/components/GStepper.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),disabled=require("../disabled-B_bAKgaM.cjs"),rounded=require("../rounded-BneJO7vz.cjs"),size=require("../size-BSjg5E6f.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),colorResolver=require("../colorResolver-C6PTz0S8.cjs"),px=require("../px-CVkec5Jf.cjs"),createComponentId=require("../createComponentId-CK5eUecc.cjs"),types=require("../types-BPZPPi6n.cjs"),components_GIcon=require("./GIcon.cjs"),stateIcon=require("../stateIcon-BxT3Loel.cjs"),item=require("../item-BiO-0FYg.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),components_GStepperActions=require("./GStepperActions.cjs"),_hoisted_1$1=["id","disabled","tabindex","aria-selected","aria-current","aria-controls"],_hoisted_2$1={class:"g-stepper-step__indicator"},_hoisted_3$1={key:1},_hoisted_4$1={class:"g-stepper-step__body"},_hoisted_5={class:"g-stepper-step__title"},_hoisted_6={key:0,class:"g-stepper-step__subtitle"},_sfc_main$1=vue.defineComponent({__name:"GStepItem",props:{item:{}},setup(__props){const props=__props,slots=vue.useSlots(),stepper=types.useStepperInject(),rootRef=vue.ref(null),itemState=vue.computed(()=>(stepper==null?void 0:stepper.getItemState(props.item))??"pending"),itemAvailable=vue.computed(()=>(stepper==null?void 0:stepper.isStepAvailable(props.item))??!1),{value,selected,disabled:disabled$1,select,onClick,onKeydown}=item.useNavigationItem({value:()=>props.item.value,rootRef,disabled:()=>!itemAvailable.value,parentDisabled:()=>stepper==null?void 0:stepper.disabled.value,isSelected:stepper==null?void 0:stepper.isSelected,select:stepper==null?void 0:stepper.select,registerItem:stepper==null?void 0:stepper.registerStep,unregisterItem:stepper==null?void 0:stepper.unregisterStep,onItemKeydown:stepper==null?void 0:stepper.onStepKeydown}),completed=vue.computed(()=>(stepper==null?void 0:stepper.isStepCompleted(props.item))??!1),semanticState=vue.computed(()=>(stepper==null?void 0:stepper.getItemSemanticState(props.item))??props.item.state),resolvedColor=vue.computed(()=>semanticState.value?semanticState.value:selected.value||completed.value?stepper==null?void 0:stepper.activeColor.value:stepper==null?void 0:stepper.color.value),{colorStyles}=surfaceColor.useSurfaceColor({color:()=>resolvedColor.value}),disabledClass=disabled.useDisabled({get disabled(){return!!disabled$1.value}},"g-stepper-step"),stepClasses=vue.computed(()=>({"g-stepper-step_selected":selected.value,"g-stepper-step_completed":completed.value,"g-stepper-step_error":itemState.value==="error","g-stepper-step_optional":props.item.optional,"g-stepper-step_loading":props.item.loading,[disabledClass.value]:!0,[`g-stepper-step_${itemState.value}`]:!0,[`g-stepper-step_${(stepper==null?void 0:stepper.variant.value)??"default"}`]:!0,[`g-stepper-step_${(stepper==null?void 0:stepper.size.value)??"m"}`]:!0})),slotProps=vue.computed(()=>(stepper==null?void 0:stepper.getItemSlotProps(props.item))??{item:props.item,index:props.item.index,selected:selected.value,disabled:!!disabled$1.value,completed:completed.value,state:itemState.value,semanticState:semanticState.value,select}),stepIconState=vue.computed(()=>props.item.loading?"loading":itemState.value==="completed"?"completed":semanticState.value??itemState.value),defaultIcons={completed:"check",error:"alert-circle",loading:"loading",success:"check",warning:"alert-outline"},indicatorIcon=vue.computed(()=>stateIcon.resolveStateIcon({state:stepIconState.value,icon:props.item.icon,icons:props.item.icons,defaultIcons}));return(_ctx,_cache)=>{var _a,_b;const _directive_ripple=vue.resolveDirective("ripple");return vue.withDirectives((vue.openBlock(),vue.createElementBlock("button",{id:(_a=vue.unref(stepper))==null?void 0:_a.getStepId(vue.unref(value)),ref_key:"rootRef",ref:rootRef,class:vue.normalizeClass(["g-stepper-step",stepClasses.value]),style:vue.normalizeStyle(vue.unref(colorStyles)),type:"button",role:"tab",disabled:vue.unref(disabled$1),tabindex:vue.unref(selected)?0:-1,"aria-selected":vue.unref(selected),"aria-current":vue.unref(selected)?"step":void 0,"aria-controls":(_b=vue.unref(stepper))==null?void 0:_b.getPanelId(vue.unref(value)),onClick:_cache[0]||(_cache[0]=(...args)=>vue.unref(onClick)&&vue.unref(onClick)(...args)),onKeydown:_cache[1]||(_cache[1]=(...args)=>vue.unref(onKeydown)&&vue.unref(onKeydown)(...args))},[vue.renderSlot(_ctx.$slots,"item",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createElementVNode("span",_hoisted_2$1,[vue.renderSlot(_ctx.$slots,"indicator",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[indicatorIcon.value?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:indicatorIcon.value},null,8,["icon"])):(vue.openBlock(),vue.createElementBlock("span",_hoisted_3$1,vue.toDisplayString(props.item.index+1),1))],!0)]),vue.createElementVNode("span",_hoisted_4$1,[vue.createElementVNode("span",_hoisted_5,[vue.renderSlot(_ctx.$slots,"title",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.item.title),1)],!0)]),props.item.subtitle||props.item.optional||slots.subtitle?(vue.openBlock(),vue.createElementBlock("span",_hoisted_6,[vue.renderSlot(_ctx.$slots,"subtitle",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.item.subtitle??"Optional"),1)],!0)])):vue.createCommentVNode("",!0)])],!0)],46,_hoisted_1$1)),[[_directive_ripple,!vue.unref(disabled$1)]])}}}),GStepItem=_pluginVue_exportHelper._export_sfc(_sfc_main$1,[["__scopeId","data-v-76f4b05c"]]),_hoisted_1=["aria-orientation"],_hoisted_2={class:"g-stepper__content"},_hoisted_3=["id","aria-labelledby"],_hoisted_4={key:0,class:"g-stepper__actions"},_sfc_main=vue.defineComponent({__name:"GStepper",props:types.makeStepperProps({color:"primary"}),emits:["update:modelValue","select","next","prev","finish"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,rootId=createComponentId.createComponentId("g-stepper"),stepper=stateIcon.useStepperController({items:()=>props.items,modelValue:()=>props.modelValue,defaultValue:()=>props.defaultValue,disabled:()=>props.disabled,mandatory:()=>props.mandatory,linear:()=>props.linear,editable:()=>props.editable,activation:()=>props.activation,orientation:()=>props.orientation,idPrefix:rootId,onUpdateModelValue:value=>emit("update:modelValue",value),onSelect:(value,item2,event)=>emit("select",value,item2,event),onNext:(value,item2,event)=>emit("next",value,item2,event),onPrev:(value,item2,event)=>emit("prev",value,item2,event),onFinish:(value,item2,event)=>emit("finish",value,item2,event)}),resolvedActiveColor=vue.computed(()=>props.activeColor??props.color),{colorStyles,resolvedGradient}=surfaceColor.useSurfaceColor({color:()=>resolvedActiveColor.value}),resolvedDividerOptions=vue.computed(()=>{var _a,_b,_c,_d,_e;return{variant:((_a=props.dividerOptions)==null?void 0:_a.variant)??"solid",thickness:((_b=props.dividerOptions)==null?void 0:_b.thickness)??2,length:(_c=props.dividerOptions)==null?void 0:_c.length,color:((_d=props.dividerOptions)==null?void 0:_d.color)??props.color,activeColor:((_e=props.dividerOptions)==null?void 0:_e.activeColor)??props.activeColor??props.color}}),dividerColor=vue.computed(()=>colorResolver.resolveColorValue(resolvedDividerOptions.value.color)),dividerActiveColor=vue.computed(()=>colorResolver.resolveColorValue(resolvedDividerOptions.value.activeColor)),resolvedDividerGradient=colorResolver.useResolveGradientValue(()=>resolvedDividerOptions.value.color),resolvedDividerActiveGradient=colorResolver.useResolveGradientValue(()=>resolvedDividerOptions.value.activeColor),dividerThickness=px.usePx(vue.computed(()=>resolvedDividerOptions.value.thickness??2)),dividerLength=px.usePx(vue.computed(()=>resolvedDividerOptions.value.length??"")),rootStyles=vue.computed(()=>[colorStyles.value,{"--g-stepper-active-gradient":resolvedGradient.value,"--g-stepper-divider-color":dividerColor.value,"--g-stepper-divider-active-color":dividerActiveColor.value,"--g-stepper-divider-gradient":resolvedDividerGradient.value,"--g-stepper-divider-active-gradient":resolvedDividerActiveGradient.value,"--g-stepper-divider-length":dividerLength.value||void 0,"--g-stepper-divider-thickness":dividerThickness.value}]),disabledClass=disabled.useDisabled(props,"g-stepper"),roundedClass=rounded.useRounded(props,"g-stepper"),sizeClass=size.useSize(props,"g-stepper"),rootClasses=vue.computed(()=>({[`g-stepper_${props.orientation}`]:!0,[`g-stepper_${props.variant}`]:!0,"g-stepper_alt-labels":props.altLabels,[disabledClass.value]:!0,[roundedClass.value]:!0,[sizeClass.value]:!0})),getSlotProps=()=>({modelValue:stepper.model.value,activeItem:stepper.activeItem.value,activeIndex:stepper.activeIndex.value,items:stepper.items.value,canPrev:stepper.canPrev.value,canNext:stepper.canNext.value,isLast:stepper.isLast.value,select:stepper.select,next:stepper.next,prev:stepper.prev,finish:stepper.finish}),getItemSlotProps=item2=>({item:item2,index:item2.index,selected:stepper.isSelected(item2.value),disabled:!stepper.isStepAvailable(item2),completed:stepper.isStepCompleted(item2),state:stepper.getItemState(item2),semanticState:stepper.getItemSemanticState(item2),select:stepper.select}),slotProps=vue.computed(getSlotProps);return types.provideStepper({modelValue:stepper.model,items:stepper.items,activeItem:stepper.activeItem,activeIndex:stepper.activeIndex,color:vue.computed(()=>props.color),activeColor:resolvedActiveColor,activation:vue.computed(()=>props.activation),orientation:vue.computed(()=>props.orientation),variant:vue.computed(()=>props.variant),size:vue.computed(()=>props.size),disabled:vue.computed(()=>props.disabled),canPrev:stepper.canPrev,canNext:stepper.canNext,isLast:stepper.isLast,prevText:vue.computed(()=>props.prevText),nextText:vue.computed(()=>props.nextText),finishText:vue.computed(()=>props.finishText),isSelected:stepper.isSelected,isStepAvailable:stepper.isStepAvailable,isStepCompleted:stepper.isStepCompleted,getItemState:stepper.getItemState,getItemSemanticState:stepper.getItemSemanticState,select:stepper.select,next:stepper.next,prev:stepper.prev,finish:stepper.finish,registerStep:stepper.registerStep,unregisterStep:stepper.unregisterItem,onStepKeydown:stepper.onItemKeydown,getStepId:stepper.getItemId,getPanelId:stepper.getPanelId,getItemSlotProps,getSlotProps}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-stepper",rootClasses.value]),style:vue.normalizeStyle(rootStyles.value)},[vue.createElementVNode("div",{class:"g-stepper__list",role:"tablist","aria-orientation":props.orientation},[(vue.openBlock(!0),vue.createElementBlock(vue.Fragment,null,vue.renderList(vue.unref(stepper).items.value,(item2,index)=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,{key:String(item2.value)},[vue.createVNode(GStepItem,{item:item2},vue.createSlots({_:2},[slots.item?{name:"item",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"item",vue.mergeProps({ref_for:!0},getItemSlotProps(item2)),void 0,!0)]),key:"0"}:void 0,slots.indicator?{name:"indicator",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"indicator",vue.mergeProps({ref_for:!0},getItemSlotProps(item2)),void 0,!0)]),key:"1"}:void 0,slots.title?{name:"title",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"title",vue.mergeProps({ref_for:!0},getItemSlotProps(item2)),void 0,!0)]),key:"2"}:void 0,slots.subtitle?{name:"subtitle",fn:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"subtitle",vue.mergeProps({ref_for:!0},getItemSlotProps(item2)),void 0,!0)]),key:"3"}:void 0]),1032,["item"]),props.divider&&index<vue.unref(stepper).items.value.length-1?(vue.openBlock(),vue.createElementBlock("span",{key:0,class:vue.normalizeClass(["g-stepper__connector",{"g-stepper__connector_active":index<vue.unref(stepper).activeIndex.value,[`g-stepper__connector_${resolvedDividerOptions.value.variant}`]:!0}]),"aria-hidden":"true"},null,2)):vue.createCommentVNode("",!0)],64))),128))],8,_hoisted_1),vue.createElementVNode("div",_hoisted_2,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[slots.panel?(vue.openBlock(),vue.createElementBlock("section",{key:0,id:vue.unref(stepper).getPanelId(vue.unref(stepper).model.value),class:"g-stepper__panel",role:"tabpanel",tabindex:0,"aria-labelledby":vue.unref(stepper).getItemId(vue.unref(stepper).model.value)},[vue.renderSlot(_ctx.$slots,"panel",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)],8,_hoisted_3)):vue.createCommentVNode("",!0)],!0)]),props.hideActions?vue.createCommentVNode("",!0):(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"actions",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(components_GStepperActions.default)],!0)]))],6))}}),GStepper=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-4d221717"]]);exports.default=GStepper;

package/dist/components/GStepper.mjs

@@ -0,0 +1,335 @@
+import { defineComponent, useSlots, ref, computed, resolveDirective, withDirectives, openBlock, createElementBlock, unref, normalizeStyle, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, createBlock, toDisplayString, createTextVNode, createCommentVNode, Fragment, renderList, createVNode, createSlots, withCtx, mergeProps } from "vue";
+import { u as useDisabled } from "../disabled-CAV056h6.js";
+import { u as useRounded } from "../rounded-CKhFFdmx.js";
+import { u as useSize } from "../size-C-WH-uPa.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { r as resolveColorValue, u as useResolveGradientValue } from "../colorResolver-BBj51UAZ.js";
+import { u as usePx } from "../px-B-cyF02Z.js";
+import { c as createComponentId } from "../createComponentId-CrqdDHC3.js";
+import { u as useStepperInject, p as provideStepper, b as makeStepperProps } from "../types-CAh-uxuw.js";
+import GIcon from "./GIcon.mjs";
+import { r as resolveStateIcon, u as useStepperController } from "../stateIcon-B8wmjxgd.js";
+import { u as useNavigationItem } from "../item-Cm_rJTEH.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+import GStepperActions from "./GStepperActions.mjs";
+const _hoisted_1$1 = ["id", "disabled", "tabindex", "aria-selected", "aria-current", "aria-controls"], _hoisted_2$1 = { class: "g-stepper-step__indicator" }, _hoisted_3$1 = { key: 1 }, _hoisted_4$1 = { class: "g-stepper-step__body" }, _hoisted_5 = { class: "g-stepper-step__title" }, _hoisted_6 = {
+  key: 0,
+  class: "g-stepper-step__subtitle"
+}, _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "GStepItem",
+  props: {
+    item: {}
+  },
+  setup(__props) {
+    const props = __props, slots = useSlots(), stepper = useStepperInject(), rootRef = ref(null), itemState = computed(
+      () => (stepper == null ? void 0 : stepper.getItemState(props.item)) ?? "pending"
+    ), itemAvailable = computed(
+      () => (stepper == null ? void 0 : stepper.isStepAvailable(props.item)) ?? !1
+    ), { value, selected, disabled, select, onClick, onKeydown } = useNavigationItem({
+      value: () => props.item.value,
+      rootRef,
+      disabled: () => !itemAvailable.value,
+      parentDisabled: () => stepper == null ? void 0 : stepper.disabled.value,
+      isSelected: stepper == null ? void 0 : stepper.isSelected,
+      select: stepper == null ? void 0 : stepper.select,
+      registerItem: stepper == null ? void 0 : stepper.registerStep,
+      unregisterItem: stepper == null ? void 0 : stepper.unregisterStep,
+      onItemKeydown: stepper == null ? void 0 : stepper.onStepKeydown
+    }), completed = computed(
+      () => (stepper == null ? void 0 : stepper.isStepCompleted(props.item)) ?? !1
+    ), semanticState = computed(
+      () => (stepper == null ? void 0 : stepper.getItemSemanticState(props.item)) ?? props.item.state
+    ), resolvedColor = computed(() => semanticState.value ? semanticState.value : selected.value || completed.value ? stepper == null ? void 0 : stepper.activeColor.value : stepper == null ? void 0 : stepper.color.value), { colorStyles } = useSurfaceColor({
+      color: () => resolvedColor.value
+    }), disabledClass = useDisabled(
+      {
+        get disabled() {
+          return !!disabled.value;
+        }
+      },
+      "g-stepper-step"
+    ), stepClasses = computed(() => ({
+      "g-stepper-step_selected": selected.value,
+      "g-stepper-step_completed": completed.value,
+      "g-stepper-step_error": itemState.value === "error",
+      "g-stepper-step_optional": props.item.optional,
+      "g-stepper-step_loading": props.item.loading,
+      [disabledClass.value]: !0,
+      [`g-stepper-step_${itemState.value}`]: !0,
+      [`g-stepper-step_${(stepper == null ? void 0 : stepper.variant.value) ?? "default"}`]: !0,
+      [`g-stepper-step_${(stepper == null ? void 0 : stepper.size.value) ?? "m"}`]: !0
+    })), slotProps = computed(
+      () => (stepper == null ? void 0 : stepper.getItemSlotProps(props.item)) ?? {
+        item: props.item,
+        index: props.item.index,
+        selected: selected.value,
+        disabled: !!disabled.value,
+        completed: completed.value,
+        state: itemState.value,
+        semanticState: semanticState.value,
+        select
+      }
+    ), stepIconState = computed(
+      () => props.item.loading ? "loading" : itemState.value === "completed" ? "completed" : semanticState.value ?? itemState.value
+    ), defaultIcons = {
+      completed: "check",
+      error: "alert-circle",
+      loading: "loading",
+      success: "check",
+      warning: "alert-outline"
+    }, indicatorIcon = computed(
+      () => resolveStateIcon({
+        state: stepIconState.value,
+        icon: props.item.icon,
+        icons: props.item.icons,
+        defaultIcons
+      })
+    );
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _directive_ripple = resolveDirective("ripple");
+      return withDirectives((openBlock(), createElementBlock("button", {
+        id: (_a = unref(stepper)) == null ? void 0 : _a.getStepId(unref(value)),
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["g-stepper-step", stepClasses.value]),
+        style: normalizeStyle(unref(colorStyles)),
+        type: "button",
+        role: "tab",
+        disabled: unref(disabled),
+        tabindex: unref(selected) ? 0 : -1,
+        "aria-selected": unref(selected),
+        "aria-current": unref(selected) ? "step" : void 0,
+        "aria-controls": (_b = unref(stepper)) == null ? void 0 : _b.getPanelId(unref(value)),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(onClick) && unref(onClick)(...args)),
+        onKeydown: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+      }, [
+        renderSlot(_ctx.$slots, "item", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          createElementVNode("span", _hoisted_2$1, [
+            renderSlot(_ctx.$slots, "indicator", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+              indicatorIcon.value ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                icon: indicatorIcon.value
+              }, null, 8, ["icon"])) : (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(props.item.index + 1), 1))
+            ], !0)
+          ]),
+          createElementVNode("span", _hoisted_4$1, [
+            createElementVNode("span", _hoisted_5, [
+              renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createTextVNode(toDisplayString(props.item.title), 1)
+              ], !0)
+            ]),
+            props.item.subtitle || props.item.optional || slots.subtitle ? (openBlock(), createElementBlock("span", _hoisted_6, [
+              renderSlot(_ctx.$slots, "subtitle", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                createTextVNode(toDisplayString(props.item.subtitle ?? "Optional"), 1)
+              ], !0)
+            ])) : createCommentVNode("", !0)
+          ])
+        ], !0)
+      ], 46, _hoisted_1$1)), [
+        [_directive_ripple, !unref(disabled)]
+      ]);
+    };
+  }
+}), GStepItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-76f4b05c"]]), _hoisted_1 = ["aria-orientation"], _hoisted_2 = { class: "g-stepper__content" }, _hoisted_3 = ["id", "aria-labelledby"], _hoisted_4 = {
+  key: 0,
+  class: "g-stepper__actions"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GStepper",
+  props: makeStepperProps({ color: "primary" }),
+  emits: ["update:modelValue", "select", "next", "prev", "finish"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, rootId = createComponentId("g-stepper"), stepper = useStepperController({
+      items: () => props.items,
+      modelValue: () => props.modelValue,
+      defaultValue: () => props.defaultValue,
+      disabled: () => props.disabled,
+      mandatory: () => props.mandatory,
+      linear: () => props.linear,
+      editable: () => props.editable,
+      activation: () => props.activation,
+      orientation: () => props.orientation,
+      idPrefix: rootId,
+      onUpdateModelValue: (value) => emit("update:modelValue", value),
+      onSelect: (value, item, event) => emit("select", value, item, event),
+      onNext: (value, item, event) => emit("next", value, item, event),
+      onPrev: (value, item, event) => emit("prev", value, item, event),
+      onFinish: (value, item, event) => emit("finish", value, item, event)
+    }), resolvedActiveColor = computed(
+      () => props.activeColor ?? props.color
+    ), { colorStyles, resolvedGradient } = useSurfaceColor({
+      color: () => resolvedActiveColor.value
+    }), resolvedDividerOptions = computed(() => {
+      var _a, _b, _c, _d, _e;
+      return {
+        variant: ((_a = props.dividerOptions) == null ? void 0 : _a.variant) ?? "solid",
+        thickness: ((_b = props.dividerOptions) == null ? void 0 : _b.thickness) ?? 2,
+        length: (_c = props.dividerOptions) == null ? void 0 : _c.length,
+        color: ((_d = props.dividerOptions) == null ? void 0 : _d.color) ?? props.color,
+        activeColor: ((_e = props.dividerOptions) == null ? void 0 : _e.activeColor) ?? props.activeColor ?? props.color
+      };
+    }), dividerColor = computed(
+      () => resolveColorValue(resolvedDividerOptions.value.color)
+    ), dividerActiveColor = computed(
+      () => resolveColorValue(resolvedDividerOptions.value.activeColor)
+    ), resolvedDividerGradient = useResolveGradientValue(
+      () => resolvedDividerOptions.value.color
+    ), resolvedDividerActiveGradient = useResolveGradientValue(
+      () => resolvedDividerOptions.value.activeColor
+    ), dividerThickness = usePx(
+      computed(() => resolvedDividerOptions.value.thickness ?? 2)
+    ), dividerLength = usePx(
+      computed(() => resolvedDividerOptions.value.length ?? "")
+    ), rootStyles = computed(() => [
+      colorStyles.value,
+      {
+        "--g-stepper-active-gradient": resolvedGradient.value,
+        "--g-stepper-divider-color": dividerColor.value,
+        "--g-stepper-divider-active-color": dividerActiveColor.value,
+        "--g-stepper-divider-gradient": resolvedDividerGradient.value,
+        "--g-stepper-divider-active-gradient": resolvedDividerActiveGradient.value,
+        "--g-stepper-divider-length": dividerLength.value || void 0,
+        "--g-stepper-divider-thickness": dividerThickness.value
+      }
+    ]), disabledClass = useDisabled(props, "g-stepper"), roundedClass = useRounded(props, "g-stepper"), sizeClass = useSize(props, "g-stepper"), rootClasses = computed(() => ({
+      [`g-stepper_${props.orientation}`]: !0,
+      [`g-stepper_${props.variant}`]: !0,
+      "g-stepper_alt-labels": props.altLabels,
+      [disabledClass.value]: !0,
+      [roundedClass.value]: !0,
+      [sizeClass.value]: !0
+    })), getSlotProps = () => ({
+      modelValue: stepper.model.value,
+      activeItem: stepper.activeItem.value,
+      activeIndex: stepper.activeIndex.value,
+      items: stepper.items.value,
+      canPrev: stepper.canPrev.value,
+      canNext: stepper.canNext.value,
+      isLast: stepper.isLast.value,
+      select: stepper.select,
+      next: stepper.next,
+      prev: stepper.prev,
+      finish: stepper.finish
+    }), getItemSlotProps = (item) => ({
+      item,
+      index: item.index,
+      selected: stepper.isSelected(item.value),
+      disabled: !stepper.isStepAvailable(item),
+      completed: stepper.isStepCompleted(item),
+      state: stepper.getItemState(item),
+      semanticState: stepper.getItemSemanticState(item),
+      select: stepper.select
+    }), slotProps = computed(getSlotProps);
+    return provideStepper({
+      modelValue: stepper.model,
+      items: stepper.items,
+      activeItem: stepper.activeItem,
+      activeIndex: stepper.activeIndex,
+      color: computed(() => props.color),
+      activeColor: resolvedActiveColor,
+      activation: computed(() => props.activation),
+      orientation: computed(() => props.orientation),
+      variant: computed(() => props.variant),
+      size: computed(() => props.size),
+      disabled: computed(() => props.disabled),
+      canPrev: stepper.canPrev,
+      canNext: stepper.canNext,
+      isLast: stepper.isLast,
+      prevText: computed(() => props.prevText),
+      nextText: computed(() => props.nextText),
+      finishText: computed(() => props.finishText),
+      isSelected: stepper.isSelected,
+      isStepAvailable: stepper.isStepAvailable,
+      isStepCompleted: stepper.isStepCompleted,
+      getItemState: stepper.getItemState,
+      getItemSemanticState: stepper.getItemSemanticState,
+      select: stepper.select,
+      next: stepper.next,
+      prev: stepper.prev,
+      finish: stepper.finish,
+      registerStep: stepper.registerStep,
+      unregisterStep: stepper.unregisterItem,
+      onStepKeydown: stepper.onItemKeydown,
+      getStepId: stepper.getItemId,
+      getPanelId: stepper.getPanelId,
+      getItemSlotProps,
+      getSlotProps
+    }), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-stepper", rootClasses.value]),
+      style: normalizeStyle(rootStyles.value)
+    }, [
+      createElementVNode("div", {
+        class: "g-stepper__list",
+        role: "tablist",
+        "aria-orientation": props.orientation
+      }, [
+        (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(stepper).items.value, (item, index) => (openBlock(), createElementBlock(Fragment, {
+          key: String(item.value)
+        }, [
+          createVNode(GStepItem, { item }, createSlots({ _: 2 }, [
+            slots.item ? {
+              name: "item",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: !0 }, getItemSlotProps(item)), void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            slots.indicator ? {
+              name: "indicator",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "indicator", mergeProps({ ref_for: !0 }, getItemSlotProps(item)), void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            slots.title ? {
+              name: "title",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "title", mergeProps({ ref_for: !0 }, getItemSlotProps(item)), void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            slots.subtitle ? {
+              name: "subtitle",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "subtitle", mergeProps({ ref_for: !0 }, getItemSlotProps(item)), void 0, !0)
+              ]),
+              key: "3"
+            } : void 0
+          ]), 1032, ["item"]),
+          props.divider && index < unref(stepper).items.value.length - 1 ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["g-stepper__connector", {
+              "g-stepper__connector_active": index < unref(stepper).activeIndex.value,
+              [`g-stepper__connector_${resolvedDividerOptions.value.variant}`]: !0
+            }]),
+            "aria-hidden": "true"
+          }, null, 2)) : createCommentVNode("", !0)
+        ], 64))), 128))
+      ], 8, _hoisted_1),
+      createElementVNode("div", _hoisted_2, [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          slots.panel ? (openBlock(), createElementBlock("section", {
+            key: 0,
+            id: unref(stepper).getPanelId(unref(stepper).model.value),
+            class: "g-stepper__panel",
+            role: "tabpanel",
+            tabindex: 0,
+            "aria-labelledby": unref(stepper).getItemId(unref(stepper).model.value)
+          }, [
+            renderSlot(_ctx.$slots, "panel", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+          ], 8, _hoisted_3)) : createCommentVNode("", !0)
+        ], !0)
+      ]),
+      props.hideActions ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", _hoisted_4, [
+        renderSlot(_ctx.$slots, "actions", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          createVNode(GStepperActions)
+        ], !0)
+      ]))
+    ], 6));
+  }
+}), GStepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d221717"]]);
+export {
+  GStepper as default
+};

package/dist/components/GStepperActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),GButton_vue_vue_type_style_index_0_lang=require("../GButton.vue_vue_type_style_index_0_lang-tGLnt3_R.cjs"),types=require("../types-BPZPPi6n.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1={class:"g-stepper-actions"},_sfc_main=vue.defineComponent({__name:"GStepperActions",props:types.makeStepperActionsProps(),setup(__props){const props=__props,stepper=types.useStepperInject(),slotProps=vue.computed(()=>(stepper==null?void 0:stepper.getSlotProps())??{modelValue:void 0,activeItem:void 0,activeIndex:-1,items:[],canPrev:!1,canNext:!1,isLast:!1,select:()=>{},next:()=>{},prev:()=>{},finish:()=>{}}),prevText=vue.computed(()=>props.prevText??(stepper==null?void 0:stepper.prevText.value)??"Back"),nextText=vue.computed(()=>slotProps.value.isLast?props.finishText??(stepper==null?void 0:stepper.finishText.value)??"Finish":props.nextText??(stepper==null?void 0:stepper.nextText.value)??"Next"),onNext=event=>{if(slotProps.value.isLast){slotProps.value.finish(event);return}slotProps.value.next(event)};return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.renderSlot(_ctx.$slots,"prev",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(GButton_vue_vue_type_style_index_0_lang._sfc_main,{variant:"text",label:prevText.value,disabled:!slotProps.value.canPrev,onClick:slotProps.value.prev},null,8,["label","disabled","onClick"])],!0),vue.renderSlot(_ctx.$slots,"next",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createVNode(GButton_vue_vue_type_style_index_0_lang._sfc_main,{label:nextText.value,disabled:!slotProps.value.canNext&&!slotProps.value.isLast,onClick:onNext},null,8,["label","disabled"])],!0)],!0)]))}}),GStepperActions=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-cc62b3bd"]]);exports.default=GStepperActions;

package/dist/components/GStepperActions.mjs

@@ -0,0 +1,61 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, normalizeProps, guardReactiveProps, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "../GButton.vue_vue_type_style_index_0_lang-D9qRus1m.js";
+import { u as useStepperInject, a as makeStepperActionsProps } from "../types-CAh-uxuw.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = { class: "g-stepper-actions" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GStepperActions",
+  props: makeStepperActionsProps(),
+  setup(__props) {
+    const props = __props, stepper = useStepperInject(), slotProps = computed(
+      () => (stepper == null ? void 0 : stepper.getSlotProps()) ?? {
+        modelValue: void 0,
+        activeItem: void 0,
+        activeIndex: -1,
+        items: [],
+        canPrev: !1,
+        canNext: !1,
+        isLast: !1,
+        select: () => {
+        },
+        next: () => {
+        },
+        prev: () => {
+        },
+        finish: () => {
+        }
+      }
+    ), prevText = computed(
+      () => props.prevText ?? (stepper == null ? void 0 : stepper.prevText.value) ?? "Back"
+    ), nextText = computed(
+      () => slotProps.value.isLast ? props.finishText ?? (stepper == null ? void 0 : stepper.finishText.value) ?? "Finish" : props.nextText ?? (stepper == null ? void 0 : stepper.nextText.value) ?? "Next"
+    ), onNext = (event) => {
+      if (slotProps.value.isLast) {
+        slotProps.value.finish(event);
+        return;
+      }
+      slotProps.value.next(event);
+    };
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", _hoisted_1, [
+      renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+        renderSlot(_ctx.$slots, "prev", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          createVNode(_sfc_main$1, {
+            variant: "text",
+            label: prevText.value,
+            disabled: !slotProps.value.canPrev,
+            onClick: slotProps.value.prev
+          }, null, 8, ["label", "disabled", "onClick"])
+        ], !0),
+        renderSlot(_ctx.$slots, "next", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+          createVNode(_sfc_main$1, {
+            label: nextText.value,
+            disabled: !slotProps.value.canNext && !slotProps.value.isLast,
+            onClick: onNext
+          }, null, 8, ["label", "disabled"])
+        ], !0)
+      ], !0)
+    ]));
+  }
+}), GStepperActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc62b3bd"]]);
+export {
+  GStepperActions as default
+};

package/dist/components/GSwitch.cjs

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

package/dist/components/GSwitch.mjs

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

package/dist/components/GTab.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"),disabled=require("../disabled-B_bAKgaM.cjs"),surfaceColor=require("../surfaceColor-BlDoAKoV.cjs"),context=require("../context-D_uVf3Ih.cjs"),types=require("../types-DGs8vjIX.cjs"),item=require("../item-BiO-0FYg.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["id","disabled","tabindex","aria-selected","aria-controls"],_hoisted_2={key:0,class:"g-tab__prepend"},_hoisted_3={class:"g-tab__label"},_hoisted_4={key:1,class:"g-tab__append"},_sfc_main=vue.defineComponent({__name:"GTab",props:types.makeTabProps(),emits:["click"],setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,tabs=context.useTabsInject(),rootRef=vue.ref(null),{value,selected,disabled:disabled$1,select,onClick,onKeydown}=item.useNavigationItem({value:()=>props.value,rootRef,disabled:()=>props.disabled,parentDisabled:()=>tabs==null?void 0:tabs.disabled.value,isSelected:tabs==null?void 0:tabs.isSelected,select:tabs==null?void 0:tabs.select,registerItem:tabs==null?void 0:tabs.registerTab,unregisterItem:tabs==null?void 0:tabs.unregisterTab,onItemKeydown:tabs==null?void 0:tabs.onTabKeydown,onClick:event=>emit("click",event)}),resolvedColor=vue.computed(()=>(selected.value?tabs==null?void 0:tabs.activeColor.value:tabs==null?void 0:tabs.color.value)??"primary"),{colorStyles}=surfaceColor.useSurfaceColor({color:()=>resolvedColor.value}),tabStyles=vue.computed(()=>colorStyles.value),disabledClass=disabled.useDisabled({get disabled(){return!!disabled$1.value}},"g-tab"),tabClasses=vue.computed(()=>({"g-tab_selected":selected.value,[disabledClass.value]:!0,[`g-tab_${(tabs==null?void 0:tabs.variant.value)??"line"}`]:!0,[`g-tab_${(tabs==null?void 0:tabs.size.value)??"m"}`]:!0})),slotProps=vue.computed(()=>({selected:selected.value,disabled:!!disabled$1.value,value:value.value,modelValue:tabs==null?void 0:tabs.modelValue.value,select})),hasPrepend=vue.computed(()=>!!slots.prepend||!!props.prependIcon),hasAppend=vue.computed(()=>!!slots.append||!!props.appendIcon);return(_ctx,_cache)=>{var _a,_b;const _directive_ripple=vue.resolveDirective("ripple");return vue.withDirectives((vue.openBlock(),vue.createElementBlock("button",{id:(_a=vue.unref(tabs))==null?void 0:_a.getTabId(vue.unref(value)),ref_key:"rootRef",ref:rootRef,class:vue.normalizeClass(["g-tab",tabClasses.value]),style:vue.normalizeStyle(tabStyles.value),type:"button",role:"tab",disabled:vue.unref(disabled$1),tabindex:vue.unref(selected)?0:-1,"aria-selected":vue.unref(selected),"aria-controls":(_b=vue.unref(tabs))==null?void 0:_b.getPanelId(vue.unref(value)),onClick:_cache[0]||(_cache[0]=(...args)=>vue.unref(onClick)&&vue.unref(onClick)(...args)),onKeydown:_cache[1]||(_cache[1]=(...args)=>vue.unref(onKeydown)&&vue.unref(onKeydown)(...args))},[hasPrepend.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_2,[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_3,[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)]),hasAppend.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_4,[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)],46,_hoisted_1)),[[_directive_ripple]])}}}),GTab=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-12f828d6"]]);exports.default=GTab;

package/dist/components/GTab.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, useSlots, ref, computed, resolveDirective, withDirectives, openBlock, createElementBlock, unref, normalizeStyle, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createVNode, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import GIcon from "./GIcon.mjs";
+import { u as useDisabled } from "../disabled-CAV056h6.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { u as useTabsInject } from "../context-FLWxn0X1.js";
+import { b as makeTabProps } from "../types-BZSR5qEq.js";
+import { u as useNavigationItem } from "../item-Cm_rJTEH.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["id", "disabled", "tabindex", "aria-selected", "aria-controls"], _hoisted_2 = {
+  key: 0,
+  class: "g-tab__prepend"
+}, _hoisted_3 = { class: "g-tab__label" }, _hoisted_4 = {
+  key: 1,
+  class: "g-tab__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GTab",
+  props: makeTabProps(),
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, tabs = useTabsInject(), rootRef = ref(null), { value, selected, disabled, select, onClick, onKeydown } = useNavigationItem({
+      value: () => props.value,
+      rootRef,
+      disabled: () => props.disabled,
+      parentDisabled: () => tabs == null ? void 0 : tabs.disabled.value,
+      isSelected: tabs == null ? void 0 : tabs.isSelected,
+      select: tabs == null ? void 0 : tabs.select,
+      registerItem: tabs == null ? void 0 : tabs.registerTab,
+      unregisterItem: tabs == null ? void 0 : tabs.unregisterTab,
+      onItemKeydown: tabs == null ? void 0 : tabs.onTabKeydown,
+      onClick: (event) => emit("click", event)
+    }), resolvedColor = computed(
+      () => (selected.value ? tabs == null ? void 0 : tabs.activeColor.value : tabs == null ? void 0 : tabs.color.value) ?? "primary"
+    ), { colorStyles } = useSurfaceColor({
+      color: () => resolvedColor.value
+    }), tabStyles = computed(() => colorStyles.value), disabledClass = useDisabled(
+      {
+        get disabled() {
+          return !!disabled.value;
+        }
+      },
+      "g-tab"
+    ), tabClasses = computed(() => ({
+      "g-tab_selected": selected.value,
+      [disabledClass.value]: !0,
+      [`g-tab_${(tabs == null ? void 0 : tabs.variant.value) ?? "line"}`]: !0,
+      [`g-tab_${(tabs == null ? void 0 : tabs.size.value) ?? "m"}`]: !0
+    })), slotProps = computed(() => ({
+      selected: selected.value,
+      disabled: !!disabled.value,
+      value: value.value,
+      modelValue: tabs == null ? void 0 : tabs.modelValue.value,
+      select
+    })), hasPrepend = computed(
+      () => !!slots.prepend || !!props.prependIcon
+    ), hasAppend = computed(
+      () => !!slots.append || !!props.appendIcon
+    );
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _directive_ripple = resolveDirective("ripple");
+      return withDirectives((openBlock(), createElementBlock("button", {
+        id: (_a = unref(tabs)) == null ? void 0 : _a.getTabId(unref(value)),
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(["g-tab", tabClasses.value]),
+        style: normalizeStyle(tabStyles.value),
+        type: "button",
+        role: "tab",
+        disabled: unref(disabled),
+        tabindex: unref(selected) ? 0 : -1,
+        "aria-selected": unref(selected),
+        "aria-controls": (_b = unref(tabs)) == null ? void 0 : _b.getPanelId(unref(value)),
+        onClick: _cache[0] || (_cache[0] = //@ts-ignore
+        (...args) => unref(onClick) && unref(onClick)(...args)),
+        onKeydown: _cache[1] || (_cache[1] = //@ts-ignore
+        (...args) => unref(onKeydown) && unref(onKeydown)(...args))
+      }, [
+        hasPrepend.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          renderSlot(_ctx.$slots, "prepend", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+            createVNode(GIcon, {
+              icon: props.prependIcon
+            }, null, 8, ["icon"])
+          ], !0)
+        ])) : createCommentVNode("", !0),
+        createElementVNode("span", _hoisted_3, [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+            createTextVNode(toDisplayString(props.label), 1)
+          ], !0)
+        ]),
+        hasAppend.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, "append", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+            createVNode(GIcon, {
+              icon: props.appendIcon
+            }, null, 8, ["icon"])
+          ], !0)
+        ])) : createCommentVNode("", !0)
+      ], 46, _hoisted_1)), [
+        [_directive_ripple]
+      ]);
+    };
+  }
+}), GTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12f828d6"]]);
+export {
+  GTab as default
+};

package/dist/components/GTabList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),types=require("../types-DGs8vjIX.cjs"),context=require("../context-D_uVf3Ih.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["aria-label","aria-orientation"],_sfc_main=vue.defineComponent({__name:"GTabList",props:types.makeTabListProps(),setup(__props){const props=__props,tabs=context.useTabsInject(),listClasses=vue.computed(()=>({[`g-tab-list_${(tabs==null?void 0:tabs.orientation.value)??"horizontal"}`]:!0,"g-tab-list_grow":props.grow}));return(_ctx,_cache)=>{var _a;return vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-tab-list",listClasses.value]),role:"tablist","aria-label":props.ariaLabel,"aria-orientation":(_a=vue.unref(tabs))==null?void 0:_a.orientation.value},[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)],10,_hoisted_1)}}}),GTabList=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-177a2761"]]);exports.default=GTabList;

package/dist/components/GTabList.mjs

@@ -0,0 +1,28 @@
+import { defineComponent, computed, openBlock, createElementBlock, unref, normalizeClass, renderSlot } from "vue";
+import { a as makeTabListProps } from "../types-BZSR5qEq.js";
+import { u as useTabsInject } from "../context-FLWxn0X1.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["aria-label", "aria-orientation"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GTabList",
+  props: makeTabListProps(),
+  setup(__props) {
+    const props = __props, tabs = useTabsInject(), listClasses = computed(() => ({
+      [`g-tab-list_${(tabs == null ? void 0 : tabs.orientation.value) ?? "horizontal"}`]: !0,
+      "g-tab-list_grow": props.grow
+    }));
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["g-tab-list", listClasses.value]),
+        role: "tablist",
+        "aria-label": props.ariaLabel,
+        "aria-orientation": (_a = unref(tabs)) == null ? void 0 : _a.orientation.value
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+      ], 10, _hoisted_1);
+    };
+  }
+}), GTabList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-177a2761"]]);
+export {
+  GTabList as default
+};

package/dist/components/GTabPanel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),context=require("../context-D_uVf3Ih.cjs"),types=require("../types-DGs8vjIX.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1=["id","aria-labelledby"],_sfc_main=vue.defineComponent({__name:"GTabPanel",props:types.makeTabPanelProps(),setup(__props){const props=__props,tabs=context.useTabsInject(),selected=vue.computed(()=>tabs?tabs.isSelected(props.value):!1),shouldRender=vue.computed(()=>props.eager||selected.value),slotProps=vue.computed(()=>({selected:selected.value,value:props.value,modelValue:tabs==null?void 0:tabs.modelValue.value}));return(_ctx,_cache)=>{var _a,_b;return shouldRender.value?vue.withDirectives((vue.openBlock(),vue.createElementBlock("section",{key:0,id:(_a=vue.unref(tabs))==null?void 0:_a.getPanelId(props.value),class:"g-tab-panel",role:"tabpanel",tabindex:0,"aria-labelledby":(_b=vue.unref(tabs))==null?void 0:_b.getTabId(props.value)},[vue.renderSlot(_ctx.$slots,"default",vue.normalizeProps(vue.guardReactiveProps(slotProps.value)),void 0,!0)],8,_hoisted_1)),[[vue.vShow,selected.value]]):vue.createCommentVNode("",!0)}}}),GTabPanel=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-413052d0"]]);exports.default=GTabPanel;

package/dist/components/GTabPanel.mjs

@@ -0,0 +1,35 @@
+import { defineComponent, computed, withDirectives, openBlock, createElementBlock, unref, renderSlot, normalizeProps, guardReactiveProps, vShow, createCommentVNode } from "vue";
+import { u as useTabsInject } from "../context-FLWxn0X1.js";
+import { d as makeTabPanelProps } from "../types-BZSR5qEq.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const _hoisted_1 = ["id", "aria-labelledby"], _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GTabPanel",
+  props: makeTabPanelProps(),
+  setup(__props) {
+    const props = __props, tabs = useTabsInject(), selected = computed(
+      () => tabs ? tabs.isSelected(props.value) : !1
+    ), shouldRender = computed(() => props.eager || selected.value), slotProps = computed(() => ({
+      selected: selected.value,
+      value: props.value,
+      modelValue: tabs == null ? void 0 : tabs.modelValue.value
+    }));
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return shouldRender.value ? withDirectives((openBlock(), createElementBlock("section", {
+        key: 0,
+        id: (_a = unref(tabs)) == null ? void 0 : _a.getPanelId(props.value),
+        class: "g-tab-panel",
+        role: "tabpanel",
+        tabindex: 0,
+        "aria-labelledby": (_b = unref(tabs)) == null ? void 0 : _b.getTabId(props.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+      ], 8, _hoisted_1)), [
+        [vShow, selected.value]
+      ]) : createCommentVNode("", !0);
+    };
+  }
+}), GTabPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-413052d0"]]);
+export {
+  GTabPanel as default
+};

package/dist/components/GTabPanels.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),types=require("../types-DGs8vjIX.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),_hoisted_1={class:"g-tab-panels"},_sfc_main=vue.defineComponent({__name:"GTabPanels",props:types.makeTabPanelsProps(),setup(__props){const props=__props;return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",_hoisted_1,[props.transition?(vue.openBlock(),vue.createBlock(vue.TransitionGroup,{key:0,name:"g-fade-transition"},{default:vue.withCtx(()=>[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)]),_:3})):vue.renderSlot(_ctx.$slots,"default",{},void 0,!0,1)]))}}),GTabPanels=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-17accbf3"]]);exports.default=GTabPanels;