@gradient-ui/core 0.6.0 → 1.0.0

package/dist/components/GExpansion.mjs

@@ -0,0 +1,321 @@
+import { defineComponent, useSlots, computed, ref, watch, openBlock, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, normalizeStyle, unref, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps, createTextVNode, toDisplayString, createVNode, withDirectives, vShow } from "vue";
+import GGradient from "./GGradient.mjs";
+import GIcon from "./GIcon.mjs";
+import "../GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import { _ as _sfc_main$1 } from "../GExpandTransition.vue_vue_type_script_setup_true_lang-ztMeJVQO.js";
+import "../GTransitionGroup.vue_vue_type_script_setup_true_lang-CDu6W6-X.js";
+import { u as useExpansionGroupInject } from "../di-BXJSJc_E.js";
+import { m as makeRoundedProps, u as useRounded } from "../rounded-CKhFFdmx.js";
+import { u as useSelected } from "../selected-DPdzuMh_.js";
+import { m as makeSizeProps, u as useSize } from "../size-C-WH-uPa.js";
+import { m as makeSurfaceTextureProps, u as useSurfaceLayers } from "../surface-i-1vm2j3.js";
+import { u as useSurfaceColor } from "../surfaceColor-Cic675ry.js";
+import { m as makeVariantProps, u as useVariant } from "../variant-Fpx1q_TY.js";
+import { c as createComponentId } from "../createComponentId-CrqdDHC3.js";
+import { u as useGlass } from "../glass-CJjbKWWO.js";
+import { u as useSurfaceMaterial } from "../surfaceMaterial-B1a1iV02.js";
+import { m as makeColorProps } from "../color-WJmhRKJ_.js";
+import { m as makeDisabledProps } from "../disabled-CAV056h6.js";
+import { d as makeTransitionProps } from "../transition-DVGMCo2o.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { m as makeMaterialSurfaceProps } from "../materialSurface-DKWanYUC.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeExpansionProps = propsFactory({
+  ...makeDisabledProps(),
+  ...makeRoundedProps(),
+  ...makeSizeProps(),
+  ...makeVariantProps(),
+  ...makeColorProps(),
+  ...makeSurfaceTextureProps(),
+  ...makeMaterialSurfaceProps(),
+  ...makeTransitionProps(),
+  title: String,
+  text: String,
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultOpen: Boolean,
+  value: {
+    type: [
+      String,
+      Number,
+      Boolean,
+      Object,
+      Array
+    ],
+    default: void 0
+  },
+  readonly: Boolean,
+  hideActions: Boolean,
+  openedIcon: String,
+  closedIcon: String,
+  eager: Boolean,
+  borderWidth: [Number, String],
+  glow: [Boolean, Number, String],
+  animateGlow: Boolean,
+  shadow: Boolean,
+  state: String,
+  placement: String,
+  activeBorderWidth: [Number, String],
+  activeGlow: {
+    type: [Boolean, Number, String],
+    default: void 0
+  },
+  activeAnimateGlow: {
+    type: Boolean,
+    default: void 0
+  },
+  activeShadow: {
+    type: Boolean,
+    default: void 0
+  },
+  activeState: {
+    type: String,
+    default: void 0
+  },
+  activePlacement: {
+    type: String,
+    default: void 0
+  }
+}), _hoisted_1 = ["id", "aria-controls", "aria-expanded", "disabled"], _hoisted_2 = { class: "g-expansion__heading" }, _hoisted_3 = {
+  key: 0,
+  class: "g-expansion__title"
+}, _hoisted_4 = {
+  key: 1,
+  class: "g-expansion__text"
+}, _hoisted_5 = ["id", "aria-labelledby"], _hoisted_6 = { class: "g-expansion__content" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GExpansion",
+  props: makeExpansionProps({
+    disabled: !1,
+    rounded: !1,
+    size: "m",
+    defaultOpen: !1,
+    readonly: !1,
+    hideActions: !1,
+    openedIcon: "chevron-down",
+    closedIcon: "chevron-down",
+    eager: !1,
+    borderWidth: void 0,
+    glow: !1,
+    animateGlow: !1,
+    shadow: !1,
+    placement: "center",
+    variant: "text",
+    color: void 0,
+    activeBorderWidth: void 0,
+    activeGlow: void 0,
+    activeAnimateGlow: void 0,
+    activeShadow: void 0,
+    activeState: void 0,
+    activePlacement: void 0,
+    transition: "expand"
+  }),
+  emits: ["update:modelValue", "click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, group = useExpansionGroupInject(), isInGroup = computed(
+      () => group !== null && props.value !== void 0
+    ), standaloneExpanded = ref(props.defaultOpen), isControlled = computed(
+      () => !isInGroup.value && props.modelValue !== void 0
+    ), expanded = computed(
+      () => isInGroup.value ? group.isSelected(props.value) : isControlled.value ? props.modelValue === !0 : standaloneExpanded.value
+    ), resolvedDisabled = computed(
+      () => props.disabled || (isInGroup.value && group ? group.disabled : !1)
+    ), resolvedReadonly = computed(
+      () => props.readonly || (isInGroup.value && group ? group.readonly : !1)
+    ), contentMounted = ref(props.eager || expanded.value), shouldRenderContent = computed(
+      () => props.eager || contentMounted.value
+    ), sizeClass = useSize(props, "g-expansion"), variantClass = useVariant(props, "g-expansion"), disabledClass = computed(
+      () => resolvedDisabled.value ? "g-expansion_disabled" : ""
+    ), roundedClass = useRounded(props, "g-expansion"), selectedClass = useSelected(
+      { selected: () => expanded.value },
+      "g-expansion"
+    ), {
+      surfaceMaterialMorphBlobClasses,
+      surfaceMaterialMorphClasses,
+      surfaceOverlayClasses,
+      surfaceUnderlayClasses,
+      surfaceTextureClasses,
+      surfaceContentClasses
+    } = useSurfaceLayers("g-expansion"), expansionColor = computed(() => props.color !== void 0 ? props.color : props.variant === "text" ? "on-surface" : void 0), { resolvedColor, resolvedState, colorStyles } = useSurfaceColor({
+      color: () => expansionColor.value,
+      state: () => props.state,
+      active: () => expanded.value,
+      activeState: () => props.activeState
+    }), { glassStyles } = useGlass(props), hasMaterialSurface = computed(() => props.variant === "gradient"), { getMorphBlobStyle, materialStyles, morphBlobs, morphEnabled } = useSurfaceMaterial(props, {
+      baseClass: "g-expansion",
+      color: resolvedColor,
+      state: resolvedState,
+      kind: "surface",
+      variant: () => props.variant
+    }), stateClass = computed(
+      () => resolvedState.value ? `g-expansion_state-${resolvedState.value}` : ""
+    ), gradientBorderRadius = computed(
+      () => props.borderRadius ?? (props.rounded ? 20 : 10)
+    ), headerId = createComponentId("g-expansion-header"), contentId = createComponentId("g-expansion-content"), resolvedGradientBorderWidth = computed(() => (expanded.value && props.activeBorderWidth !== void 0 ? props.activeBorderWidth : props.borderWidth) ?? (props.variant === "outlined" || props.variant === "glass" || resolvedGradientGlow.value || resolvedGradientAnimateGlow.value ? 1 : 0)), resolvedGradientGlow = computed(
+      () => expanded.value && props.activeGlow !== void 0 ? props.activeGlow : props.glow
+    ), resolvedGradientAnimateGlow = computed(
+      () => expanded.value && props.activeAnimateGlow !== void 0 ? props.activeAnimateGlow : props.animateGlow
+    ), resolvedGradientPlacement = computed(
+      () => expanded.value && props.activePlacement !== void 0 ? props.activePlacement : props.placement
+    ), hasSurfaceUnderlay = computed(
+      () => !!(props.variant === "default" || props.variant === "tonal" || hasMaterialSurface.value)
+    ), hasSurfaceOverlay = computed(
+      () => !resolvedDisabled.value && !resolvedReadonly.value
+    ), hasSurfaceTexture = computed(
+      () => props.texture !== void 0 && props.texture !== "none"
+    ), actionIcon = computed(
+      () => expanded.value ? props.openedIcon : props.closedIcon
+    ), hasBorderValue = (borderWidth) => borderWidth != null && borderWidth !== "" && borderWidth !== 0 && borderWidth !== "0", hasGradientHost = computed(
+      () => !!(hasBorderValue(props.borderWidth) || hasBorderValue(props.activeBorderWidth) || props.variant === "outlined" || props.variant === "glass" || props.glow || props.activeGlow !== void 0 || props.shadow || props.activeShadow !== void 0 || props.animateGlow || props.activeAnimateGlow !== void 0)
+    ), gradientSurfaceProps = computed(
+      () => hasGradientHost.value ? {
+        active: expanded.value,
+        disabled: resolvedDisabled.value,
+        rounded: props.rounded,
+        borderWidth: resolvedGradientBorderWidth.value,
+        borderRadius: gradientBorderRadius.value,
+        glow: resolvedGradientGlow.value,
+        animateGlow: resolvedGradientAnimateGlow.value,
+        shadow: !1,
+        color: resolvedColor.value,
+        state: resolvedState.value,
+        placement: resolvedGradientPlacement.value,
+        gradientRecipe: props.gradientRecipe,
+        inheritWidth: !0,
+        surfaceFill: "transparent"
+      } : {}
+    ), slotProps = computed(() => ({
+      expanded: expanded.value,
+      disabled: resolvedDisabled.value,
+      readonly: resolvedReadonly.value,
+      value: props.value,
+      toggle
+    }));
+    function toggle() {
+      if (resolvedDisabled.value || resolvedReadonly.value)
+        return;
+      if (isInGroup.value) {
+        group.toggle(props.value);
+        return;
+      }
+      const nextValue = !expanded.value;
+      isControlled.value || (standaloneExpanded.value = nextValue), emit("update:modelValue", nextValue);
+    }
+    function onHeaderClick(event) {
+      toggle(), emit("click", event);
+    }
+    function onContentAfterLeave() {
+      props.eager || (contentMounted.value = !1);
+    }
+    return watch(
+      expanded,
+      (value) => {
+        value && (contentMounted.value = !0);
+      },
+      { immediate: !0 }
+    ), (_ctx, _cache) => (openBlock(), createBlock(resolveDynamicComponent(hasGradientHost.value ? GGradient : "div"), mergeProps({ class: "g-expansion__surface" }, gradientSurfaceProps.value), {
+      default: withCtx(() => [
+        createElementVNode("article", {
+          class: normalizeClass(["g-expansion", [
+            unref(sizeClass),
+            unref(variantClass),
+            stateClass.value,
+            disabledClass.value,
+            unref(roundedClass),
+            unref(selectedClass),
+            {
+              "g-expansion_has-gradient": hasGradientHost.value,
+              [`g-expansion_texture-${props.texture}`]: props.texture !== "none"
+            }
+          ]]),
+          style: normalizeStyle([unref(colorStyles), unref(materialStyles), unref(glassStyles)])
+        }, [
+          hasSurfaceUnderlay.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(surfaceUnderlayClasses))
+          }, null, 2)) : createCommentVNode("", !0),
+          unref(morphEnabled) ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(unref(surfaceMaterialMorphClasses)),
+            "aria-hidden": "true"
+          }, [
+            (openBlock(!0), createElementBlock(Fragment, null, renderList(unref(morphBlobs), (blob, index) => (openBlock(), createElementBlock("div", {
+              key: index,
+              class: normalizeClass(unref(surfaceMaterialMorphBlobClasses)),
+              style: normalizeStyle(unref(getMorphBlobStyle)(blob))
+            }, null, 6))), 128))
+          ], 2)) : createCommentVNode("", !0),
+          hasSurfaceOverlay.value ? (openBlock(), createElementBlock("div", {
+            key: 2,
+            class: normalizeClass(unref(surfaceOverlayClasses))
+          }, null, 2)) : createCommentVNode("", !0),
+          hasSurfaceTexture.value ? (openBlock(), createElementBlock("div", {
+            key: 3,
+            class: normalizeClass(unref(surfaceTextureClasses))
+          }, null, 2)) : createCommentVNode("", !0),
+          createElementVNode("div", {
+            class: normalizeClass(["g-expansion__surface-content", unref(surfaceContentClasses)])
+          }, [
+            createElementVNode("button", {
+              id: unref(headerId),
+              "aria-controls": unref(contentId),
+              "aria-expanded": expanded.value,
+              disabled: resolvedDisabled.value,
+              class: "g-expansion__header",
+              type: "button",
+              onClick: onHeaderClick
+            }, [
+              createElementVNode("span", _hoisted_2, [
+                slots.title || props.title ? (openBlock(), createElementBlock("span", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                    createTextVNode(toDisplayString(props.title), 1)
+                  ], !0)
+                ])) : createCommentVNode("", !0),
+                slots.text || props.text ? (openBlock(), createElementBlock("span", _hoisted_4, [
+                  renderSlot(_ctx.$slots, "text", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                    createTextVNode(toDisplayString(props.text), 1)
+                  ], !0)
+                ])) : createCommentVNode("", !0)
+              ]),
+              props.hideActions ? createCommentVNode("", !0) : (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: normalizeClass(["g-expansion__actions", { "g-expansion__actions_expanded": expanded.value }])
+              }, [
+                renderSlot(_ctx.$slots, "actions", normalizeProps(guardReactiveProps(slotProps.value)), () => [
+                  createVNode(GIcon, { icon: actionIcon.value }, null, 8, ["icon"])
+                ], !0)
+              ], 2))
+            ], 8, _hoisted_1),
+            createVNode(unref(_sfc_main$1), {
+              transition: props.transition,
+              duration: 240,
+              onAfterLeave: onContentAfterLeave
+            }, {
+              default: withCtx(() => [
+                shouldRenderContent.value ? withDirectives((openBlock(), createElementBlock("div", {
+                  key: 0,
+                  id: unref(contentId),
+                  "aria-labelledby": unref(headerId),
+                  class: "g-expansion__body",
+                  role: "region"
+                }, [
+                  createElementVNode("div", _hoisted_6, [
+                    renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps.value)), void 0, !0)
+                  ])
+                ], 8, _hoisted_5)), [
+                  [vShow, expanded.value]
+                ]) : createCommentVNode("", !0)
+              ]),
+              _: 3
+            }, 8, ["transition"])
+          ], 2)
+        ], 6)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), GExpansion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2e4efc51"]]);
+export {
+  GExpansion as default
+};

package/dist/components/GExpansionGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),selectionModel=require("../selectionModel-B_tgk_Aa.cjs"),di=require("../di-Czemfti1.cjs"),disabled=require("../disabled-B_bAKgaM.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),px=require("../px-CVkec5Jf.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs");function useExpansionGroupController({modelValue,multiple,mandatory,disabled:disabled2,readonly,onChange}){const selection=selectionModel.useSelectionModel({modelValue,multiple,mandatory,emptyValue:null},onChange),canMutate=()=>!disabled2.value&&!readonly.value,select=item=>{canMutate()&&selection.select(item)},unselect=item=>{canMutate()&&selection.unselect(item)},toggle=item=>{canMutate()&&selection.toggle(item)};return{get disabled(){return disabled2.value},get readonly(){return readonly.value},get multiple(){return multiple.value},get mandatory(){return mandatory.value},isSelected:selection.isSelected,select,unselect,toggle}}const makeExpansionGroupProps=propsFactory.propsFactory({...disabled.makeDisabledProps(),modelValue:{type:[String,Number,Boolean,Object,Array],default:null},readonly:Boolean,multiple:Boolean,mandatory:Boolean,gap:{type:[Number,String],default:2},divided:{type:Boolean,default:!0}}),_sfc_main=vue.defineComponent({__name:"GExpansionGroup",props:makeExpansionGroupProps(),emits:["update:modelValue"],setup(__props,{emit:__emit}){const props=__props,emit=__emit,groupGap=px.usePx(vue.computed(()=>props.gap??"")),controller=useExpansionGroupController({modelValue:vue.toRef(props,"modelValue"),multiple:vue.computed(()=>props.multiple),mandatory:vue.computed(()=>props.mandatory),disabled:vue.computed(()=>props.disabled),readonly:vue.computed(()=>props.readonly),onChange:value=>emit("update:modelValue",value)});return di.provideExpansionGroup(controller),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-expansion-group",{"g-expansion-group_divided":props.divided,"g-expansion-group_disabled":props.disabled}]),style:vue.normalizeStyle({"--g-expansion-group-gap":vue.unref(groupGap)})},[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)],6))}}),GExpansionGroup=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-bffa5d40"]]);exports.default=GExpansionGroup;

package/dist/components/GExpansionGroup.mjs

@@ -0,0 +1,95 @@
+import { defineComponent, computed, toRef, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, renderSlot } from "vue";
+import { a as useSelectionModel } from "../selectionModel-DMATNQOo.js";
+import { p as provideExpansionGroup } from "../di-BXJSJc_E.js";
+import { m as makeDisabledProps } from "../disabled-CAV056h6.js";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { u as usePx } from "../px-B-cyF02Z.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+function useExpansionGroupController({
+  modelValue,
+  multiple,
+  mandatory,
+  disabled,
+  readonly,
+  onChange
+}) {
+  const selection = useSelectionModel(
+    {
+      modelValue,
+      multiple,
+      mandatory,
+      emptyValue: null
+    },
+    onChange
+  ), canMutate = () => !disabled.value && !readonly.value, select = (item) => {
+    canMutate() && selection.select(item);
+  }, unselect = (item) => {
+    canMutate() && selection.unselect(item);
+  }, toggle = (item) => {
+    canMutate() && selection.toggle(item);
+  };
+  return {
+    get disabled() {
+      return disabled.value;
+    },
+    get readonly() {
+      return readonly.value;
+    },
+    get multiple() {
+      return multiple.value;
+    },
+    get mandatory() {
+      return mandatory.value;
+    },
+    isSelected: selection.isSelected,
+    select,
+    unselect,
+    toggle
+  };
+}
+const makeExpansionGroupProps = propsFactory({
+  ...makeDisabledProps(),
+  modelValue: {
+    type: [String, Number, Boolean, Object, Array],
+    default: null
+  },
+  readonly: Boolean,
+  multiple: Boolean,
+  mandatory: Boolean,
+  gap: {
+    type: [Number, String],
+    default: 2
+  },
+  divided: {
+    type: Boolean,
+    default: !0
+  }
+}), _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GExpansionGroup",
+  props: makeExpansionGroupProps(),
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, emit = __emit, groupGap = usePx(computed(() => props.gap ?? "")), controller = useExpansionGroupController({
+      modelValue: toRef(props, "modelValue"),
+      multiple: computed(() => props.multiple),
+      mandatory: computed(() => props.mandatory),
+      disabled: computed(() => props.disabled),
+      readonly: computed(() => props.readonly),
+      onChange: (value) => emit("update:modelValue", value)
+    });
+    return provideExpansionGroup(controller), (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-expansion-group", {
+        "g-expansion-group_divided": props.divided,
+        "g-expansion-group_disabled": props.disabled
+      }]),
+      style: normalizeStyle({
+        "--g-expansion-group-gap": unref(groupGap)
+      })
+    }, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), GExpansionGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bffa5d40"]]);
+export {
+  GExpansionGroup as default
+};

package/dist/components/GFAB.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const vue=require("vue"),components_GSquircle=require("./GSquircle.cjs"),components_GIcon=require("./GIcon.cjs"),propsFactory=require("../propsFactory-DT6-QS4L.cjs"),material=require("../material-CkThdnz0.cjs"),gradient=require("../gradient-Bf_C3oqp.cjs"),_pluginVue_exportHelper=require("../_plugin-vue_export-helper-D_jf5u0r.cjs"),makeFABProps=propsFactory.propsFactory({...material.makeMaterialProps(),...gradient.makeGradientGlowProps(),icon:String,label:String,labelPlacement:{type:String,default:"right"},extended:Boolean,size:{type:String,default:"m"},variant:{type:String,default:"default"},color:{type:String,default:"primary"},state:String,disabled:Boolean,location:{type:String,default:"bottom-right"},position:{type:String,default:"static"},offset:{type:[Number,String],default:24},shadow:{type:Boolean,default:!0},border:Number,borderColor:String}),_hoisted_1=["disabled","aria-label"],_hoisted_2={class:"g-fab__icon"},_hoisted_3={key:0,class:"g-fab__label"},_hoisted_4={class:"g-fab__label-text"},_sfc_main=vue.defineComponent({__name:"GFAB",props:makeFABProps(),setup(__props){const props=__props,slots=vue.useSlots(),sizesMap={s:40,m:56,l:64,xl:96},iconSizesMap={s:20,m:24,l:28,xl:40},squircleVariantMap={gradient:"gradient",default:"primary",tonal:"tonal",outlined:"tonal"},computedSize=vue.computed(()=>sizesMap[props.size??"m"]),computedIconSize=vue.computed(()=>iconSizesMap[props.size??"m"]),computedSquircleVariant=vue.computed(()=>squircleVariantMap[props.variant]??"primary"),computedBorder=vue.computed(()=>props.border!==void 0?props.border:props.variant==="outlined"?1:0),computedShadow=vue.computed(()=>props.shadow),computedBorderColor=vue.computed(()=>props.borderColor?props.borderColor:props.variant==="outlined"?"var(--g-color)":void 0),hasLabel=vue.computed(()=>!!props.label||!!slots.default),isExtended=vue.computed(()=>props.extended&&hasLabel.value),locationParts=vue.computed(()=>props.location.split("-")),positionStyles=vue.computed(()=>{if(props.position==="static")return;const[block,inline]=locationParts.value,offset=typeof props.offset=="number"?`${props.offset}px`:props.offset;return{position:props.position,[block]:offset,...inline==="center"?{left:"50%",transform:"translateX(-50%)"}:{[inline]:offset}}});return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("button",{type:"button",class:vue.normalizeClass(["g-fab",[`g-fab_${props.size}`,`g-fab_${props.variant}`,`g-fab_${props.position}`,{"g-fab_extended":isExtended.value,"g-fab_disabled":props.disabled,[`g-fab_label-${props.labelPlacement}`]:isExtended.value}]]),style:vue.normalizeStyle(positionStyles.value),disabled:props.disabled,"aria-label":props.label},[vue.createVNode(components_GSquircle.default,{class:"g-fab__squircle",size:computedSize.value,variant:computedSquircleVariant.value,shadow:computedShadow.value,border:computedBorder.value,"border-color":computedBorderColor.value,color:props.color,state:props.state,"gradient-border":props.variant==="outlined"||props.variant==="gradient",glow:props.glow,"animate-glow":props.animateGlow,"gradient-recipe":props.gradientRecipe,"animation-options":props.animationOptions},{default:vue.withCtx(()=>[vue.createElementVNode("span",_hoisted_2,[props.icon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:props.icon,size:computedIconSize.value},null,8,["icon","size"])):vue.renderSlot(_ctx.$slots,"icon",{},void 0,!0,1)])]),_:3},8,["size","variant","shadow","border","border-color","color","state","gradient-border","glow","animate-glow","gradient-recipe","animation-options"]),isExtended.value?(vue.openBlock(),vue.createElementBlock("span",_hoisted_3,[vue.createElementVNode("span",_hoisted_4,[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(props.label),1)],!0)])])):vue.createCommentVNode("",!0)],14,_hoisted_1))}}),GFAB=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-4101cadb"]]);exports.default=GFAB;

package/dist/components/GFAB.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, withCtx, createElementVNode, createBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import GSquircle from "./GSquircle.mjs";
+import GIcon from "./GIcon.mjs";
+import { p as propsFactory } from "../propsFactory-FM5RGbLN.js";
+import { m as makeMaterialProps } from "../material-Cn0l9r_y.js";
+import { a as makeGradientGlowProps } from "../gradient-Cesrzb2-.js";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-B--vMWp3.js";
+const makeFABProps = propsFactory({
+  ...makeMaterialProps(),
+  ...makeGradientGlowProps(),
+  icon: String,
+  label: String,
+  labelPlacement: {
+    type: String,
+    default: "right"
+  },
+  extended: Boolean,
+  size: {
+    type: String,
+    default: "m"
+  },
+  variant: {
+    type: String,
+    default: "default"
+  },
+  color: {
+    type: String,
+    default: "primary"
+  },
+  state: String,
+  disabled: Boolean,
+  location: {
+    type: String,
+    default: "bottom-right"
+  },
+  position: {
+    type: String,
+    default: "static"
+  },
+  offset: {
+    type: [Number, String],
+    default: 24
+  },
+  shadow: {
+    type: Boolean,
+    default: !0
+  },
+  border: Number,
+  borderColor: String
+}), _hoisted_1 = ["disabled", "aria-label"], _hoisted_2 = { class: "g-fab__icon" }, _hoisted_3 = {
+  key: 0,
+  class: "g-fab__label"
+}, _hoisted_4 = { class: "g-fab__label-text" }, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GFAB",
+  props: makeFABProps(),
+  setup(__props) {
+    const props = __props, slots = useSlots(), sizesMap = {
+      s: 40,
+      m: 56,
+      l: 64,
+      xl: 96
+    }, iconSizesMap = {
+      s: 20,
+      m: 24,
+      l: 28,
+      xl: 40
+    }, squircleVariantMap = {
+      gradient: "gradient",
+      default: "primary",
+      tonal: "tonal",
+      outlined: "tonal"
+    }, computedSize = computed(() => sizesMap[props.size ?? "m"]), computedIconSize = computed(() => iconSizesMap[props.size ?? "m"]), computedSquircleVariant = computed(
+      () => squircleVariantMap[props.variant] ?? "primary"
+    ), computedBorder = computed(() => props.border !== void 0 ? props.border : props.variant === "outlined" ? 1 : 0), computedShadow = computed(() => props.shadow), computedBorderColor = computed(() => props.borderColor ? props.borderColor : props.variant === "outlined" ? "var(--g-color)" : void 0), hasLabel = computed(
+      () => !!props.label || !!slots.default
+    ), isExtended = computed(() => props.extended && hasLabel.value), locationParts = computed(() => props.location.split("-")), positionStyles = computed(() => {
+      if (props.position === "static") return;
+      const [block, inline] = locationParts.value, offset = typeof props.offset == "number" ? `${props.offset}px` : props.offset;
+      return {
+        position: props.position,
+        [block]: offset,
+        ...inline === "center" ? {
+          left: "50%",
+          transform: "translateX(-50%)"
+        } : { [inline]: offset }
+      };
+    });
+    return (_ctx, _cache) => (openBlock(), createElementBlock("button", {
+      type: "button",
+      class: normalizeClass(["g-fab", [
+        `g-fab_${props.size}`,
+        `g-fab_${props.variant}`,
+        `g-fab_${props.position}`,
+        {
+          "g-fab_extended": isExtended.value,
+          "g-fab_disabled": props.disabled,
+          [`g-fab_label-${props.labelPlacement}`]: isExtended.value
+        }
+      ]]),
+      style: normalizeStyle(positionStyles.value),
+      disabled: props.disabled,
+      "aria-label": props.label
+    }, [
+      createVNode(GSquircle, {
+        class: "g-fab__squircle",
+        size: computedSize.value,
+        variant: computedSquircleVariant.value,
+        shadow: computedShadow.value,
+        border: computedBorder.value,
+        "border-color": computedBorderColor.value,
+        color: props.color,
+        state: props.state,
+        "gradient-border": props.variant === "outlined" || props.variant === "gradient",
+        glow: props.glow,
+        "animate-glow": props.animateGlow,
+        "gradient-recipe": props.gradientRecipe,
+        "animation-options": props.animationOptions
+      }, {
+        default: withCtx(() => [
+          createElementVNode("span", _hoisted_2, [
+            props.icon ? (openBlock(), createBlock(GIcon, {
+              key: 0,
+              icon: props.icon,
+              size: computedIconSize.value
+            }, null, 8, ["icon", "size"])) : renderSlot(_ctx.$slots, "icon", {}, void 0, !0, 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["size", "variant", "shadow", "border", "border-color", "color", "state", "gradient-border", "glow", "animate-glow", "gradient-recipe", "animation-options"]),
+      isExtended.value ? (openBlock(), createElementBlock("span", _hoisted_3, [
+        createElementVNode("span", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(props.label), 1)
+          ], !0)
+        ])
+      ])) : createCommentVNode("", !0)
+    ], 14, _hoisted_1));
+  }
+}), GFAB = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4101cadb"]]);
+export {
+  GFAB as default
+};

package/dist/components/GForm.cjs

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

package/dist/components/GForm.mjs

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

package/dist/components/GGradient.cjs

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