@gradient-ui/core 0.8.0 → 1.0.0

package/dist/surface-NFdB950M.cjs

@@ -0,0 +1 @@
+"use strict";const color=require("./color-8SkPDCIp.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),rounded=require("./rounded-BneJO7vz.cjs"),state=require("./state-CUskk7oG.cjs"),surfaceColor=require("./surfaceColor-BlDoAKoV.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),vue=require("vue"),variant=require("./variant-BvBpmTET.cjs"),glass=require("./glass-CZEblMo2.cjs"),makeSurfaceTextureProps=propsFactory.propsFactory({texture:{type:String,default:"none"}}),makeSurfaceProps=propsFactory.propsFactory({...variant.makeVariantProps(),...color.makeColorProps(),...disabled.makeDisabledProps(),...rounded.makeRoundedProps(),...state.makeStateProps(),...glass.makeGlassProps(),...makeSurfaceTextureProps()});function useSurface(props,baseClass){const variantClass=variant.useVariant(props,baseClass),disabledClass=disabled.useDisabled(props,baseClass),roundedClass=rounded.useRounded(props,baseClass),stateClass=state.useState(props,baseClass),textureClass=vue.computed(()=>props.texture&&props.texture!=="none"?`${baseClass}_texture-${props.texture}`:""),{colorStyles}=surfaceColor.useSurfaceColor(props),surfaceClasses=vue.computed(()=>[variantClass.value,disabledClass.value,roundedClass.value,stateClass.value,textureClass.value].filter(Boolean));return{variantClass,disabledClass,roundedClass,stateClass,textureClass,surfaceStyles:colorStyles,surfaceClasses}}function useSurfaceUnderlay(baseClass){return{surfaceUnderlayClasses:vue.computed(()=>[`${baseClass}__surface-underlay`])}}function useSurfaceOverlay(baseClass){return{surfaceOverlayClasses:vue.computed(()=>[`${baseClass}__surface-overlay`])}}function useSurfaceTexture(baseClass){return{surfaceTextureClasses:vue.computed(()=>[`${baseClass}__surface-texture`])}}function useSurfaceMaterial(baseClass){const surfaceMaterialMorphClasses=vue.computed(()=>[`${baseClass}__surface-material-morph`]);return{surfaceMaterialMorphBlobClasses:vue.computed(()=>[`${baseClass}__surface-material-morph-blob`]),surfaceMaterialMorphClasses}}function useSurfaceContent(baseClass){return{surfaceContentClasses:vue.computed(()=>[`${baseClass}__surface-content`])}}function useSurfaceLayers(baseClass){return{...useSurfaceMaterial(baseClass),...useSurfaceUnderlay(baseClass),...useSurfaceOverlay(baseClass),...useSurfaceTexture(baseClass),...useSurfaceContent(baseClass)}}exports.makeSurfaceProps=makeSurfaceProps;exports.makeSurfaceTextureProps=makeSurfaceTextureProps;exports.useSurface=useSurface;exports.useSurfaceLayers=useSurfaceLayers;

package/dist/surface-i-1vm2j3.js

@@ -0,0 +1,99 @@
+import { m as makeColorProps } from "./color-WJmhRKJ_.js";
+import { m as makeDisabledProps, u as useDisabled } from "./disabled-CAV056h6.js";
+import { m as makeRoundedProps, u as useRounded } from "./rounded-CKhFFdmx.js";
+import { m as makeStateProps, u as useState } from "./state-zMDQLwyB.js";
+import { u as useSurfaceColor } from "./surfaceColor-Cic675ry.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { computed } from "vue";
+import { m as makeVariantProps, u as useVariant } from "./variant-Fpx1q_TY.js";
+import { m as makeGlassProps } from "./glass-CJjbKWWO.js";
+const makeSurfaceTextureProps = propsFactory({
+  texture: {
+    type: String,
+    default: "none"
+  }
+}), makeSurfaceProps = propsFactory({
+  ...makeVariantProps(),
+  ...makeColorProps(),
+  ...makeDisabledProps(),
+  ...makeRoundedProps(),
+  ...makeStateProps(),
+  ...makeGlassProps(),
+  ...makeSurfaceTextureProps()
+});
+function useSurface(props, baseClass) {
+  const variantClass = useVariant(props, baseClass), disabledClass = useDisabled(props, baseClass), roundedClass = useRounded(props, baseClass), stateClass = useState(props, baseClass), textureClass = computed(
+    () => props.texture && props.texture !== "none" ? `${baseClass}_texture-${props.texture}` : ""
+  ), { colorStyles } = useSurfaceColor(props), surfaceClasses = computed(
+    () => [
+      variantClass.value,
+      disabledClass.value,
+      roundedClass.value,
+      stateClass.value,
+      textureClass.value
+    ].filter(Boolean)
+  );
+  return {
+    variantClass,
+    disabledClass,
+    roundedClass,
+    stateClass,
+    textureClass,
+    surfaceStyles: colorStyles,
+    surfaceClasses
+  };
+}
+function useSurfaceUnderlay(baseClass) {
+  return {
+    surfaceUnderlayClasses: computed(() => [
+      `${baseClass}__surface-underlay`
+    ])
+  };
+}
+function useSurfaceOverlay(baseClass) {
+  return {
+    surfaceOverlayClasses: computed(() => [
+      `${baseClass}__surface-overlay`
+    ])
+  };
+}
+function useSurfaceTexture(baseClass) {
+  return {
+    surfaceTextureClasses: computed(() => [
+      `${baseClass}__surface-texture`
+    ])
+  };
+}
+function useSurfaceMaterial(baseClass) {
+  const surfaceMaterialMorphClasses = computed(() => [
+    `${baseClass}__surface-material-morph`
+  ]);
+  return {
+    surfaceMaterialMorphBlobClasses: computed(() => [
+      `${baseClass}__surface-material-morph-blob`
+    ]),
+    surfaceMaterialMorphClasses
+  };
+}
+function useSurfaceContent(baseClass) {
+  return {
+    surfaceContentClasses: computed(() => [
+      `${baseClass}__surface-content`
+    ])
+  };
+}
+function useSurfaceLayers(baseClass) {
+  return {
+    ...useSurfaceMaterial(baseClass),
+    ...useSurfaceUnderlay(baseClass),
+    ...useSurfaceOverlay(baseClass),
+    ...useSurfaceTexture(baseClass),
+    ...useSurfaceContent(baseClass)
+  };
+}
+export {
+  makeSurfaceProps as a,
+  useSurface as b,
+  makeSurfaceTextureProps as m,
+  useSurfaceLayers as u
+};

package/dist/surfaceColor-BlDoAKoV.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),color=require("./color-8SkPDCIp.cjs"),colorResolver=require("./colorResolver-C6PTz0S8.cjs");function useSurfaceColor(props){const resolvedState=vue.computed(()=>{const activeState=vue.toValue(props.activeState);return vue.toValue(props.active)&&activeState!==void 0?activeState:vue.toValue(props.state)}),resolvedColor=vue.computed(()=>{const state=resolvedState.value;if(state)return state;const activeColor=vue.toValue(props.activeColor);return vue.toValue(props.active)&&activeColor!==void 0?activeColor:vue.toValue(props.color)}),{colorStyles}=color.useColor({color:resolvedColor}),resolvedGradient=colorResolver.useResolveGradientValue(resolvedColor),gradientCurrentStyles=vue.computed(()=>({"--g-gradient-current":resolvedGradient.value})),gradientStyles=vue.computed(()=>[colorStyles.value,gradientCurrentStyles.value]);return{resolvedColor,resolvedState,resolvedGradient,colorStyles,surfaceColorStyles:colorStyles,gradientCurrentStyles,gradientStyles}}exports.useSurfaceColor=useSurfaceColor;

package/dist/surfaceColor-Cic675ry.js

@@ -0,0 +1,34 @@
+import { computed, toValue } from "vue";
+import { u as useColor } from "./color-WJmhRKJ_.js";
+import { u as useResolveGradientValue } from "./colorResolver-BBj51UAZ.js";
+function useSurfaceColor(props) {
+  const resolvedState = computed(() => {
+    const activeState = toValue(props.activeState);
+    return toValue(props.active) && activeState !== void 0 ? activeState : toValue(props.state);
+  }), resolvedColor = computed(() => {
+    const state = resolvedState.value;
+    if (state)
+      return state;
+    const activeColor = toValue(props.activeColor);
+    return toValue(props.active) && activeColor !== void 0 ? activeColor : toValue(props.color);
+  }), { colorStyles } = useColor({ color: resolvedColor }), resolvedGradient = useResolveGradientValue(resolvedColor), gradientCurrentStyles = computed(
+    () => ({
+      "--g-gradient-current": resolvedGradient.value
+    })
+  ), gradientStyles = computed(() => [
+    colorStyles.value,
+    gradientCurrentStyles.value
+  ]);
+  return {
+    resolvedColor,
+    resolvedState,
+    resolvedGradient,
+    colorStyles,
+    surfaceColorStyles: colorStyles,
+    gradientCurrentStyles,
+    gradientStyles
+  };
+}
+export {
+  useSurfaceColor as u
+};

package/dist/surfaceMaterial-B1a1iV02.js

@@ -0,0 +1,39 @@
+import { computed, toValue } from "vue";
+import { d as useMaterial } from "./material-Cn0l9r_y.js";
+const useSurfaceMaterial = (props, options) => {
+  const hasMaterialSurface = computed(
+    () => toValue(options.variant) === "gradient"
+  ), rawMorph = computed(
+    () => toValue(props.morphOptions) ?? toValue(props.morph)
+  ), resolvedMorph = computed(() => options.morphScope === "always" || hasMaterialSurface.value ? rawMorph.value : !1), hasMorph = computed(() => !!resolvedMorph.value), hasMaterialEffects = computed(
+    () => !!(hasMaterialSurface.value || toValue(props.shadow) || toValue(props.dropShadow) || toValue(props.shadowOptions) || toValue(props.dropShadowOptions) || hasMorph.value)
+  ), hasMaterialAnimations = computed(
+    () => !!(hasMaterialSurface.value && toValue(props.animationOptions))
+  ), shouldUseRecipe = computed(
+    () => hasMaterialSurface.value || hasMorph.value
+  );
+  return {
+    ...useMaterial({
+      baseClass: options.baseClass,
+      color: options.color,
+      state: options.state,
+      kind: options.kind,
+      recipe: () => shouldUseRecipe.value ? toValue(props.gradientRecipe) : void 0,
+      effects: hasMaterialEffects,
+      animations: hasMaterialAnimations,
+      shadow: () => toValue(props.shadowOptions),
+      dropShadow: () => toValue(props.dropShadowOptions),
+      animation: () => hasMaterialSurface.value ? toValue(props.animationOptions) : void 0,
+      morph: resolvedMorph,
+      options: options.options
+    }),
+    hasMaterialAnimations,
+    hasMaterialEffects,
+    hasMaterialSurface,
+    hasMorph,
+    resolvedMorph
+  };
+};
+export {
+  useSurfaceMaterial as u
+};

package/dist/surfaceMaterial-JpbVongH.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),material=require("./material-CkThdnz0.cjs"),useSurfaceMaterial=(props,options)=>{const hasMaterialSurface=vue.computed(()=>vue.toValue(options.variant)==="gradient"),rawMorph=vue.computed(()=>vue.toValue(props.morphOptions)??vue.toValue(props.morph)),resolvedMorph=vue.computed(()=>options.morphScope==="always"||hasMaterialSurface.value?rawMorph.value:!1),hasMorph=vue.computed(()=>!!resolvedMorph.value),hasMaterialEffects=vue.computed(()=>!!(hasMaterialSurface.value||vue.toValue(props.shadow)||vue.toValue(props.dropShadow)||vue.toValue(props.shadowOptions)||vue.toValue(props.dropShadowOptions)||hasMorph.value)),hasMaterialAnimations=vue.computed(()=>!!(hasMaterialSurface.value&&vue.toValue(props.animationOptions))),shouldUseRecipe=vue.computed(()=>hasMaterialSurface.value||hasMorph.value);return{...material.useMaterial({baseClass:options.baseClass,color:options.color,state:options.state,kind:options.kind,recipe:()=>shouldUseRecipe.value?vue.toValue(props.gradientRecipe):void 0,effects:hasMaterialEffects,animations:hasMaterialAnimations,shadow:()=>vue.toValue(props.shadowOptions),dropShadow:()=>vue.toValue(props.dropShadowOptions),animation:()=>hasMaterialSurface.value?vue.toValue(props.animationOptions):void 0,morph:resolvedMorph,options:options.options}),hasMaterialAnimations,hasMaterialEffects,hasMaterialSurface,hasMorph,resolvedMorph}};exports.useSurfaceMaterial=useSurfaceMaterial;

package/dist/tagName-D8HI-Yqc.js

@@ -0,0 +1,40 @@
+import { computed } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+const makeTagNameProps = propsFactory({
+  tag: String,
+  href: String,
+  target: String,
+  rel: String
+});
+function useAsLink(props) {
+  const isLink = computed(() => !!props.href && !props.disabled), linkAttrs = computed(
+    () => isLink.value ? {
+      href: props.href,
+      target: props.target,
+      rel: props.rel ?? (props.target === "_blank" ? "noopener noreferrer" : void 0)
+    } : {}
+  );
+  return {
+    isLink,
+    linkAttrs
+  };
+}
+function useTagName(props, fallbackTag) {
+  const { isLink, linkAttrs } = useAsLink(props), tagName = computed(
+    () => props.tag ?? (isLink.value ? "a" : fallbackTag)
+  ), rendersLink = computed(() => tagName.value === "a" && isLink.value), tagAttrs = computed(
+    () => rendersLink.value ? linkAttrs.value : {
+      type: tagName.value === "button" ? "button" : void 0,
+      disabled: tagName.value === "button" ? props.disabled : void 0
+    }
+  );
+  return {
+    tagName,
+    tagAttrs
+  };
+}
+export {
+  useTagName as a,
+  makeTagNameProps as m,
+  useAsLink as u
+};

package/dist/tagName-EmIHK0fg.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),makeTagNameProps=propsFactory.propsFactory({tag:String,href:String,target:String,rel:String});function useAsLink(props){const isLink=vue.computed(()=>!!props.href&&!props.disabled),linkAttrs=vue.computed(()=>isLink.value?{href:props.href,target:props.target,rel:props.rel??(props.target==="_blank"?"noopener noreferrer":void 0)}:{});return{isLink,linkAttrs}}function useTagName(props,fallbackTag){const{isLink,linkAttrs}=useAsLink(props),tagName=vue.computed(()=>props.tag??(isLink.value?"a":fallbackTag)),rendersLink=vue.computed(()=>tagName.value==="a"&&isLink.value),tagAttrs=vue.computed(()=>rendersLink.value?linkAttrs.value:{type:tagName.value==="button"?"button":void 0,disabled:tagName.value==="button"?props.disabled:void 0});return{tagName,tagAttrs}}exports.makeTagNameProps=makeTagNameProps;exports.useAsLink=useAsLink;exports.useTagName=useTagName;

package/dist/teleport-6ZRoZ2JT.js

@@ -0,0 +1,26 @@
+import { ref, inject, computed, toValue } from "vue";
+import { o as onClientMounted } from "./clientLifecycle-NZQzL_eH.js";
+const useHydrated = () => {
+  const hydrated = ref(!1);
+  return onClientMounted(() => {
+    hydrated.value = !0;
+  }), hydrated;
+}, teleportOptionsKey = Symbol("gradient-teleport"), installSsrTeleport = (app, options) => {
+  app.provide(teleportOptionsKey, options);
+}, useSsrTeleport = (target = "body", disabled = !1) => {
+  const hydrated = useHydrated(), options = inject(teleportOptionsKey, null), resolvedTarget = computed(() => {
+    const requested = toValue(target) || "body";
+    return requested === "body" && options ? options.target : requested;
+  });
+  return {
+    disabled: computed(
+      () => toValue(disabled) || !hydrated.value && resolvedTarget.value !== (options == null ? void 0 : options.target)
+    ),
+    target: resolvedTarget
+  };
+};
+export {
+  useSsrTeleport as a,
+  installSsrTeleport as i,
+  useHydrated as u
+};

package/dist/teleport-Bj9Z7LhE.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),clientLifecycle=require("./clientLifecycle-DlIZRy4I.cjs"),useHydrated=()=>{const hydrated=vue.ref(!1);return clientLifecycle.onClientMounted(()=>{hydrated.value=!0}),hydrated},teleportOptionsKey=Symbol("gradient-teleport"),installSsrTeleport=(app,options)=>{app.provide(teleportOptionsKey,options)},useSsrTeleport=(target="body",disabled=!1)=>{const hydrated=useHydrated(),options=vue.inject(teleportOptionsKey,null),resolvedTarget=vue.computed(()=>{const requested=vue.toValue(target)||"body";return requested==="body"&&options?options.target:requested});return{disabled:vue.computed(()=>vue.toValue(disabled)||!hydrated.value&&resolvedTarget.value!==(options==null?void 0:options.target)),target:resolvedTarget}};exports.installSsrTeleport=installSsrTeleport;exports.useHydrated=useHydrated;exports.useSsrTeleport=useSsrTeleport;

package/dist/textFieldComponent-Ct4Z0dFr.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),components_GGradient=require("./components/GGradient.cjs"),components_GIcon=require("./components/GIcon.cjs"),color=require("./color-8SkPDCIp.cjs"),glass=require("./glass-CZEblMo2.cjs"),size=require("./size-BSjg5E6f.cjs"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),surfaceColor=require("./surfaceColor-BlDoAKoV.cjs"),variant=require("./variant-BvBpmTET.cjs"),_pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),createId=require("./createId-tM8qn_N_.cjs"),makeFieldVariantProps=propsFactory.propsFactory({variant:{type:String,default:"default"}}),makeFieldFrameProps=propsFactory.propsFactory({borderWidth:[Number,String]}),makePLAFieldProps=propsFactory.propsFactory({...color.makeColorProps(),...makeFieldVariantProps(),...glass.makeGlassProps(),...makeFieldFrameProps(),label:String,prependIcon:String,appendIcon:String}),makeFieldStateProps=propsFactory.propsFactory({state:String,message:String}),makeFieldSizeProps=propsFactory.propsFactory({...size.makeSizeProps()});function makeValidationProps(){return propsFactory.propsFactory({rules:{type:Array,default:()=>[]}})()}const makeFieldBaseProps=propsFactory.propsFactory({...color.makeColorProps(),...makeFieldVariantProps(),...glass.makeGlassProps(),...makeFieldFrameProps(),id:{type:String,required:!0},label:String,state:String,disabled:Boolean,clearable:Boolean,focused:Boolean,size:{type:String,default:"m"},message:String,prependIcon:String,appendIcon:String}),makeFieldShellProps=propsFactory.propsFactory({...makeFieldBaseProps(),hasValue:Boolean,multiline:Boolean}),_hoisted_1=["data-g-validation-error"],_hoisted_2=["for"],_hoisted_3={key:0,class:"g-field-base__prepend"},_hoisted_4={key:1,class:"g-field-base__control"},_hoisted_5={key:3,class:"g-field-base__append"},_sfc_main=vue.defineComponent({__name:"GFieldBase",props:makeFieldShellProps({hasValue:!1,multiline:!1,disabled:!1,clearable:!1,focused:!1}),emits:{clear:()=>!0},setup(__props,{emit:__emit}){const props=__props,slots=vue.useSlots(),emit=__emit,hasPrepend=vue.computed(()=>!!slots.prepend||!!props.prependIcon),hasAppend=vue.computed(()=>!!slots.append||!!props.appendIcon),sizeClass=size.useSize(props,"g-field-base"),disabledClass=disabled.useDisabled(props,"g-field-base"),variantClass=variant.useVariant(props,"g-field-base"),{resolvedColor,resolvedState,colorStyles}=surfaceColor.useSurfaceColor(props),{glassStyles}=glass.useGlass(props),hasGradientFrame=vue.computed(()=>props.borderWidth!==void 0&&Number.parseFloat(String(props.borderWidth))>0),hasFocusGradient=vue.computed(()=>["default","tonal","glass","text"].includes(props.variant)),showGradientFrame=vue.computed(()=>hasGradientFrame.value||props.focused&&hasFocusGradient.value),borderPlacement=vue.computed(()=>hasGradientFrame.value?"center":"bottom"),borderWidth=vue.computed(()=>hasGradientFrame.value||hasFocusGradient.value?props.borderWidth??1:0),fieldStyles=vue.computed(()=>[colorStyles.value,props.variant==="glass"?glassStyles.value:void 0]);function onClear(event){event.stopPropagation(),event.preventDefault(),emit("clear")}function onClearMousedown(event){event.stopPropagation(),event.preventDefault()}return(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock("div",{class:vue.normalizeClass(["g-field-base",{[vue.unref(sizeClass)]:!0,[vue.unref(disabledClass)]:!0,[vue.unref(variantClass)]:!0,"g-field-base_focused":_ctx.focused,"g-field-base_multiline":_ctx.multiline,[`g-field-base_state-${_ctx.state}`]:_ctx.state}]),"data-g-validation-error":_ctx.state==="error"?"true":void 0,style:vue.normalizeStyle(fieldStyles.value)},[vue.createElementVNode("label",{for:_ctx.id,class:"g-field-base__label"},[vue.renderSlot(_ctx.$slots,"default",{},()=>[vue.createTextVNode(vue.toDisplayString(_ctx.label),1)],!0)],8,_hoisted_2),vue.createVNode(components_GGradient.default,{class:vue.normalizeClass(["g-field-base__frame",{"g-field-base__frame_visible":showGradientFrame.value}]),color:vue.unref(resolvedColor),state:vue.unref(resolvedState),disabled:_ctx.disabled,placement:borderPlacement.value,"border-width":borderWidth.value,"inherit-width":"","border-radius":"6"},{default:vue.withCtx(()=>[vue.createElementVNode("div",{class:vue.normalizeClass(["g-field-base__wrapper",{[`g-field-base__wrapper_${_ctx.state}`]:_ctx.state}])},[hasPrepend.value?(vue.openBlock(),vue.createElementBlock("div",_hoisted_3,[vue.renderSlot(_ctx.$slots,"prepend",{},void 0,!0),_ctx.prependIcon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:_ctx.prependIcon},null,8,["icon"])):vue.createCommentVNode("",!0)])):vue.createCommentVNode("",!0),slots.control?(vue.openBlock(),vue.createElementBlock("div",_hoisted_4,[vue.renderSlot(_ctx.$slots,"control",{},void 0,!0)])):vue.createCommentVNode("",!0),vue.renderSlot(_ctx.$slots,"actions",{},void 0,!0),_ctx.clearable&&_ctx.hasValue&&!_ctx.disabled?(vue.openBlock(),vue.createElementBlock("div",{key:2,class:"g-field-base__cross",onMousedown:onClearMousedown},[vue.createVNode(components_GIcon.default,{icon:"close",size:"18",onClick:onClear})],32)):vue.createCommentVNode("",!0),hasAppend.value?(vue.openBlock(),vue.createElementBlock("div",_hoisted_5,[vue.renderSlot(_ctx.$slots,"append",{},void 0,!0),_ctx.appendIcon?(vue.openBlock(),vue.createBlock(components_GIcon.default,{key:0,icon:_ctx.appendIcon},null,8,["icon"])):vue.createCommentVNode("",!0)])):vue.createCommentVNode("",!0)],2)]),_:3},8,["class","color","state","disabled","placement","border-width"]),vue.createElementVNode("div",{class:vue.normalizeClass(["g-field-base__helper",{"g-field-base__helper_visible":_ctx.message||slots.message}])},[vue.renderSlot(_ctx.$slots,"message",{},()=>[vue.createTextVNode(vue.toDisplayString(_ctx.message),1)],!0)],2)],14,_hoisted_1))}}),GFieldBase=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-b7a7ad8f"]]);function useVisibleProps(source,keys){return vue.computed(()=>keys.filter(key=>!!source[key]))}const textFieldSlotNames=["default","prepend","append","message"];function useTextFieldComponent(slots){const attrs=vue.useAttrs(),id=createId.createId("g-field"),visibleSlotNames=useVisibleProps(slots,textFieldSlotNames);return{attrs,id,visibleSlotNames}}exports.GFieldBase=GFieldBase;exports.makeFieldSizeProps=makeFieldSizeProps;exports.makeFieldStateProps=makeFieldStateProps;exports.makePLAFieldProps=makePLAFieldProps;exports.makeValidationProps=makeValidationProps;exports.useTextFieldComponent=useTextFieldComponent;

package/dist/textFieldComponent-gnbYgrX0.js

@@ -0,0 +1,217 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, useAttrs } from "vue";
+import GGradient from "./components/GGradient.mjs";
+import GIcon from "./components/GIcon.mjs";
+import { m as makeColorProps } from "./color-WJmhRKJ_.js";
+import { m as makeGlassProps, u as useGlass } from "./glass-CJjbKWWO.js";
+import { m as makeSizeProps, u as useSize } from "./size-C-WH-uPa.js";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { u as useDisabled } from "./disabled-CAV056h6.js";
+import { u as useSurfaceColor } from "./surfaceColor-Cic675ry.js";
+import { u as useVariant } from "./variant-Fpx1q_TY.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+import { c as createId } from "./createId-t3ke7cZx.js";
+const makeFieldVariantProps = propsFactory({
+  variant: {
+    type: String,
+    default: "default"
+  }
+}), makeFieldFrameProps = propsFactory({
+  borderWidth: [Number, String]
+}), makePLAFieldProps = propsFactory({
+  ...makeColorProps(),
+  ...makeFieldVariantProps(),
+  ...makeGlassProps(),
+  ...makeFieldFrameProps(),
+  label: String,
+  prependIcon: String,
+  appendIcon: String
+}), makeFieldStateProps = propsFactory({
+  state: String,
+  message: String
+}), makeFieldSizeProps = propsFactory({
+  ...makeSizeProps()
+});
+function makeValidationProps() {
+  return propsFactory({
+    rules: {
+      type: Array,
+      default: () => []
+    }
+  })();
+}
+const makeFieldBaseProps = propsFactory({
+  ...makeColorProps(),
+  ...makeFieldVariantProps(),
+  ...makeGlassProps(),
+  ...makeFieldFrameProps(),
+  id: {
+    type: String,
+    required: !0
+  },
+  label: String,
+  state: String,
+  disabled: Boolean,
+  clearable: Boolean,
+  focused: Boolean,
+  size: {
+    type: String,
+    default: "m"
+  },
+  message: String,
+  prependIcon: String,
+  appendIcon: String
+}), makeFieldShellProps = propsFactory({
+  ...makeFieldBaseProps(),
+  hasValue: Boolean,
+  multiline: Boolean
+}), _hoisted_1 = ["data-g-validation-error"], _hoisted_2 = ["for"], _hoisted_3 = {
+  key: 0,
+  class: "g-field-base__prepend"
+}, _hoisted_4 = {
+  key: 1,
+  class: "g-field-base__control"
+}, _hoisted_5 = {
+  key: 3,
+  class: "g-field-base__append"
+}, _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GFieldBase",
+  props: makeFieldShellProps({
+    hasValue: !1,
+    multiline: !1,
+    disabled: !1,
+    clearable: !1,
+    focused: !1
+  }),
+  emits: {
+    clear: () => !0
+  },
+  setup(__props, { emit: __emit }) {
+    const props = __props, slots = useSlots(), emit = __emit, hasPrepend = computed(
+      () => !!slots.prepend || !!props.prependIcon
+    ), hasAppend = computed(
+      () => !!slots.append || !!props.appendIcon
+    ), sizeClass = useSize(props, "g-field-base"), disabledClass = useDisabled(props, "g-field-base"), variantClass = useVariant(props, "g-field-base"), { resolvedColor, resolvedState, colorStyles } = useSurfaceColor(props), { glassStyles } = useGlass(props), hasGradientFrame = computed(
+      () => props.borderWidth !== void 0 && Number.parseFloat(String(props.borderWidth)) > 0
+    ), hasFocusGradient = computed(
+      () => ["default", "tonal", "glass", "text"].includes(props.variant)
+    ), showGradientFrame = computed(
+      () => hasGradientFrame.value || props.focused && hasFocusGradient.value
+    ), borderPlacement = computed(
+      () => hasGradientFrame.value ? "center" : "bottom"
+    ), borderWidth = computed(
+      () => hasGradientFrame.value || hasFocusGradient.value ? props.borderWidth ?? 1 : 0
+    ), fieldStyles = computed(() => [
+      colorStyles.value,
+      props.variant === "glass" ? glassStyles.value : void 0
+    ]);
+    function onClear(event) {
+      event.stopPropagation(), event.preventDefault(), emit("clear");
+    }
+    function onClearMousedown(event) {
+      event.stopPropagation(), event.preventDefault();
+    }
+    return (_ctx, _cache) => (openBlock(), createElementBlock("div", {
+      class: normalizeClass(["g-field-base", {
+        [unref(sizeClass)]: !0,
+        [unref(disabledClass)]: !0,
+        [unref(variantClass)]: !0,
+        "g-field-base_focused": _ctx.focused,
+        "g-field-base_multiline": _ctx.multiline,
+        [`g-field-base_state-${_ctx.state}`]: _ctx.state
+      }]),
+      "data-g-validation-error": _ctx.state === "error" ? "true" : void 0,
+      style: normalizeStyle(fieldStyles.value)
+    }, [
+      createElementVNode("label", {
+        for: _ctx.id,
+        class: "g-field-base__label"
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.label), 1)
+        ], !0)
+      ], 8, _hoisted_2),
+      createVNode(GGradient, {
+        class: normalizeClass(["g-field-base__frame", {
+          "g-field-base__frame_visible": showGradientFrame.value
+        }]),
+        color: unref(resolvedColor),
+        state: unref(resolvedState),
+        disabled: _ctx.disabled,
+        placement: borderPlacement.value,
+        "border-width": borderWidth.value,
+        "inherit-width": "",
+        "border-radius": "6"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["g-field-base__wrapper", {
+              [`g-field-base__wrapper_${_ctx.state}`]: _ctx.state
+            }])
+          }, [
+            hasPrepend.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "prepend", {}, void 0, !0),
+              _ctx.prependIcon ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                icon: _ctx.prependIcon
+              }, null, 8, ["icon"])) : createCommentVNode("", !0)
+            ])) : createCommentVNode("", !0),
+            slots.control ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              renderSlot(_ctx.$slots, "control", {}, void 0, !0)
+            ])) : createCommentVNode("", !0),
+            renderSlot(_ctx.$slots, "actions", {}, void 0, !0),
+            _ctx.clearable && _ctx.hasValue && !_ctx.disabled ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: "g-field-base__cross",
+              onMousedown: onClearMousedown
+            }, [
+              createVNode(GIcon, {
+                icon: "close",
+                size: "18",
+                onClick: onClear
+              })
+            ], 32)) : createCommentVNode("", !0),
+            hasAppend.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              renderSlot(_ctx.$slots, "append", {}, void 0, !0),
+              _ctx.appendIcon ? (openBlock(), createBlock(GIcon, {
+                key: 0,
+                icon: _ctx.appendIcon
+              }, null, 8, ["icon"])) : createCommentVNode("", !0)
+            ])) : createCommentVNode("", !0)
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["class", "color", "state", "disabled", "placement", "border-width"]),
+      createElementVNode("div", {
+        class: normalizeClass(["g-field-base__helper", {
+          "g-field-base__helper_visible": _ctx.message || slots.message
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "message", {}, () => [
+          createTextVNode(toDisplayString(_ctx.message), 1)
+        ], !0)
+      ], 2)
+    ], 14, _hoisted_1));
+  }
+}), GFieldBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b7a7ad8f"]]);
+function useVisibleProps(source, keys) {
+  return computed(
+    () => keys.filter((key) => !!source[key])
+  );
+}
+const textFieldSlotNames = ["default", "prepend", "append", "message"];
+function useTextFieldComponent(slots) {
+  const attrs = useAttrs(), id = createId("g-field"), visibleSlotNames = useVisibleProps(slots, textFieldSlotNames);
+  return {
+    attrs,
+    id,
+    visibleSlotNames
+  };
+}
+export {
+  GFieldBase as G,
+  makeFieldSizeProps as a,
+  makeFieldStateProps as b,
+  makePLAFieldProps as c,
+  makeValidationProps as m,
+  useTextFieldComponent as u
+};

package/dist/textFieldControl-Cxnq3lo4.js

@@ -0,0 +1,80 @@
+import { computed, toValue } from "vue";
+import { u as useFormControl } from "./control-B3T1H83D.js";
+const GInputEmits = {
+  focus: (_event) => !0,
+  blur: (_event) => !0,
+  input: (_value, _event) => !0,
+  change: (_value, _event) => !0,
+  clear: () => !0,
+  "toggle-password": (_visible) => !0
+};
+function useTextFieldControl(options) {
+  const {
+    focused,
+    $v,
+    disabled,
+    computedMessage,
+    hasValidationError,
+    onFocus,
+    onBlur,
+    onInputValidation
+  } = useFormControl({
+    modelValue: options.modelValue,
+    rules: options.rules,
+    message: options.message,
+    disabled: computed(() => options.props.disabled)
+  }), fieldProps = computed(() => ({
+    ...options.props,
+    id: options.id,
+    disabled: disabled.value,
+    focused: focused.value,
+    message: computedMessage.value,
+    state: hasValidationError.value ? "error" : options.props.state,
+    hasValue: !!options.modelValue.value,
+    multiline: options.multiline,
+    ...toValue(options.extraFieldProps) ?? {}
+  })), inputValue = computed(
+    () => toValue(options.displayValue) ?? options.modelValue.value
+  );
+  function updateModelValue(value) {
+    var _a;
+    const nextValue = ((_a = options.toModelValue) == null ? void 0 : _a.call(options, value)) ?? value;
+    return options.modelValue.value = nextValue, nextValue;
+  }
+  function syncDisplayValue(event, value) {
+    if (!options.toDisplayValue) return;
+    const target = event.target;
+    target.value = options.toDisplayValue(value);
+  }
+  function handleInput(event) {
+    const value = event.target.value, nextValue = updateModelValue(value);
+    syncDisplayValue(event, nextValue), onInputValidation(), options.emitters.input(nextValue, event);
+  }
+  function handleChange(event) {
+    const value = event.target.value, nextValue = updateModelValue(value);
+    syncDisplayValue(event, nextValue), onInputValidation(), options.emitters.change(nextValue, event);
+  }
+  function handleFocus(event) {
+    onFocus(), options.emitters.focus(event);
+  }
+  function handleBlur(event) {
+    onBlur(), options.emitters.blur(event);
+  }
+  function handleClear() {
+    options.modelValue.value = "", onInputValidation(), options.emitters.clear();
+  }
+  return {
+    $v,
+    fieldProps,
+    inputValue,
+    handleInput,
+    handleChange,
+    handleFocus,
+    handleBlur,
+    handleClear
+  };
+}
+export {
+  GInputEmits as G,
+  useTextFieldControl as u
+};

package/dist/textFieldControl-D0-pdxIY.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),control=require("./control-C5Ws5lp3.cjs"),GInputEmits={focus:_event=>!0,blur:_event=>!0,input:(_value,_event)=>!0,change:(_value,_event)=>!0,clear:()=>!0,"toggle-password":_visible=>!0};function useTextFieldControl(options){const{focused,$v,disabled,computedMessage,hasValidationError,onFocus,onBlur,onInputValidation}=control.useFormControl({modelValue:options.modelValue,rules:options.rules,message:options.message,disabled:vue.computed(()=>options.props.disabled)}),fieldProps=vue.computed(()=>({...options.props,id:options.id,disabled:disabled.value,focused:focused.value,message:computedMessage.value,state:hasValidationError.value?"error":options.props.state,hasValue:!!options.modelValue.value,multiline:options.multiline,...vue.toValue(options.extraFieldProps)??{}})),inputValue=vue.computed(()=>vue.toValue(options.displayValue)??options.modelValue.value);function updateModelValue(value){var _a;const nextValue=((_a=options.toModelValue)==null?void 0:_a.call(options,value))??value;return options.modelValue.value=nextValue,nextValue}function syncDisplayValue(event,value){if(!options.toDisplayValue)return;const target=event.target;target.value=options.toDisplayValue(value)}function handleInput(event){const value=event.target.value,nextValue=updateModelValue(value);syncDisplayValue(event,nextValue),onInputValidation(),options.emitters.input(nextValue,event)}function handleChange(event){const value=event.target.value,nextValue=updateModelValue(value);syncDisplayValue(event,nextValue),onInputValidation(),options.emitters.change(nextValue,event)}function handleFocus(event){onFocus(),options.emitters.focus(event)}function handleBlur(event){onBlur(),options.emitters.blur(event)}function handleClear(){options.modelValue.value="",onInputValidation(),options.emitters.clear()}return{$v,fieldProps,inputValue,handleInput,handleChange,handleFocus,handleBlur,handleClear}}exports.GInputEmits=GInputEmits;exports.useTextFieldControl=useTextFieldControl;

package/dist/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./camelToKebabCase-BQDotaQm.cjs"),r=require("./scheme-CZ0a0X5e.cjs"),e=require("@gradient-ui/gradient-engine"),a=require("./default--73FwpwZ.cjs");exports.COLOR_SHADES=t.COLOR_SHADES;exports.ON_SHADE_TONES=t.ON_SHADE_TONES;exports.SHADE_TONES=t.SHADE_TONES;exports.colorToHex=t.colorToHex;exports.createOnPalette=t.createOnPalette;exports.createPalette=t.createPalette;exports.createPalettePair=t.createPalettePair;exports.getContrastingColor=t.getContrastingColor;exports.parseColor=t.parseColor;exports.rgbToChannels=t.rgbToChannels;exports.rgbToHex=t.rgbToHex;exports.createColorSystem=r.createColorSystem;exports.createSemanticTokens=r.createSemanticTokens;exports.gradientAnimation=r.index;exports.gradientCore=r.core;exports.gradientEffects=r.index$1;exports.gradientFormatters=r.index$2;exports.gradientMaterial=r.material;Object.defineProperty(exports,"DEFAULT_GRADIENT_MORPH_BLEND_MODE",{enumerable:!0,get:()=>e.DEFAULT_GRADIENT_MORPH_BLEND_MODE});Object.defineProperty(exports,"DEFAULT_SEED",{enumerable:!0,get:()=>e.DEFAULT_SEED});Object.defineProperty(exports,"GRADIENT_MORPH_BLEND_MODES",{enumerable:!0,get:()=>e.GRADIENT_MORPH_BLEND_MODES});Object.defineProperty(exports,"createGradient",{enumerable:!0,get:()=>e.createGradient});Object.defineProperty(exports,"createGradientFromColor",{enumerable:!0,get:()=>e.createGradientFromColor});Object.defineProperty(exports,"createGradientMaterial",{enumerable:!0,get:()=>e.createGradientMaterial});Object.defineProperty(exports,"createGradientModel",{enumerable:!0,get:()=>e.createGradientModel});Object.defineProperty(exports,"createGradientModelFromColor",{enumerable:!0,get:()=>e.createGradientModelFromColor});Object.defineProperty(exports,"createGradientMorphBlobs",{enumerable:!0,get:()=>e.createGradientMorphBlobs});Object.defineProperty(exports,"createGradientPreset",{enumerable:!0,get:()=>e.createGradientPreset});Object.defineProperty(exports,"createGradientTokens",{enumerable:!0,get:()=>e.createGradientTokens});Object.defineProperty(exports,"createLinearGradient",{enumerable:!0,get:()=>e.createLinearGradient});Object.defineProperty(exports,"defineGradientPreset",{enumerable:!0,get:()=>e.defineGradientPreset});Object.defineProperty(exports,"defineGradientPresetRegistry",{enumerable:!0,get:()=>e.defineGradientPresetRegistry});Object.defineProperty(exports,"getGradientPreset",{enumerable:!0,get:()=>e.getGradientPreset});Object.defineProperty(exports,"gradientPresets",{enumerable:!0,get:()=>e.gradientPresets});Object.defineProperty(exports,"isGradientMorphBlendMode",{enumerable:!0,get:()=>e.isGradientMorphBlendMode});Object.defineProperty(exports,"resolveGradientMorphBlendMode",{enumerable:!0,get:()=>e.resolveGradientMorphBlendMode});Object.defineProperty(exports,"toCanvasGradient",{enumerable:!0,get:()=>e.toCanvasGradient});Object.defineProperty(exports,"toCssGradient",{enumerable:!0,get:()=>e.toCssGradient});Object.defineProperty(exports,"toGradientAnimationCSS",{enumerable:!0,get:()=>e.toGradientAnimationCSS});Object.defineProperty(exports,"toGradientBoxShadow",{enumerable:!0,get:()=>e.toGradientBoxShadow});Object.defineProperty(exports,"toGradientDropShadow",{enumerable:!0,get:()=>e.toGradientDropShadow});Object.defineProperty(exports,"toGradientMorphCSS",{enumerable:!0,get:()=>e.toGradientMorphCSS});Object.defineProperty(exports,"toGradientMorphFilter",{enumerable:!0,get:()=>e.toGradientMorphFilter});Object.defineProperty(exports,"toGradientMorphFilterMarkup",{enumerable:!0,get:()=>e.toGradientMorphFilterMarkup});Object.defineProperty(exports,"toSvgGradient",{enumerable:!0,get:()=>e.toSvgGradient});Object.defineProperty(exports,"toSvgGradientMarkup",{enumerable:!0,get:()=>e.toSvgGradientMarkup});Object.defineProperty(exports,"toSvgPathAnimationMarkup",{enumerable:!0,get:()=>e.toSvgPathAnimationMarkup});Object.defineProperty(exports,"toSvgSourceAnimationMarkup",{enumerable:!0,get:()=>e.toSvgSourceAnimationMarkup});exports.createDefaultDarkTheme=a.createDefaultDarkTheme;exports.createDefaultLightTheme=a.createDefaultLightTheme;exports.createDefaultTheme=a.createDefaultTheme;exports.createTheme=a.createTheme;exports.installTheme=a.installTheme;exports.provideTheme=a.provideTheme;exports.useTheme=a.useTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const cssTokens=require("./cssTokens-gELrmYNj.cjs"),palette=require("./palette-WOebHg01.cjs"),scheme=require("./scheme-C0jQNw-v.cjs"),gradientEngine=require("@gradient-ui/gradient-engine");exports.createDefaultDarkTheme=cssTokens.createDefaultDarkTheme;exports.createDefaultLightTheme=cssTokens.createDefaultLightTheme;exports.createDefaultTheme=cssTokens.createDefaultTheme;exports.createTheme=cssTokens.createTheme;exports.createTokensCSS=cssTokens.createTokensCSS;exports.installTheme=cssTokens.installTheme;exports.provideTheme=cssTokens.provideTheme;exports.useTheme=cssTokens.useTheme;exports.COLOR_SHADES=palette.COLOR_SHADES;exports.ON_SHADE_TONES=palette.ON_SHADE_TONES;exports.SHADE_TONES=palette.SHADE_TONES;exports.colorToHex=palette.colorToHex;exports.createOnPalette=palette.createOnPalette;exports.createPalette=palette.createPalette;exports.createPalettePair=palette.createPalettePair;exports.getContrastingColor=palette.getContrastingColor;exports.parseColor=palette.parseColor;exports.rgbToChannels=palette.rgbToChannels;exports.rgbToHex=palette.rgbToHex;exports.createColorSystem=scheme.createColorSystem;exports.createSemanticTokens=scheme.createSemanticTokens;exports.gradientAnimation=scheme.index;exports.gradientCore=scheme.core;exports.gradientEffects=scheme.index$1;exports.gradientFormatters=scheme.index$2;exports.gradientMaterial=scheme.material;Object.defineProperty(exports,"DEFAULT_GRADIENT_MORPH_BLEND_MODE",{enumerable:!0,get:()=>gradientEngine.DEFAULT_GRADIENT_MORPH_BLEND_MODE});Object.defineProperty(exports,"DEFAULT_SEED",{enumerable:!0,get:()=>gradientEngine.DEFAULT_SEED});Object.defineProperty(exports,"GRADIENT_MORPH_BLEND_MODES",{enumerable:!0,get:()=>gradientEngine.GRADIENT_MORPH_BLEND_MODES});Object.defineProperty(exports,"createGradient",{enumerable:!0,get:()=>gradientEngine.createGradient});Object.defineProperty(exports,"createGradientFromColor",{enumerable:!0,get:()=>gradientEngine.createGradientFromColor});Object.defineProperty(exports,"createGradientMaterial",{enumerable:!0,get:()=>gradientEngine.createGradientMaterial});Object.defineProperty(exports,"createGradientModel",{enumerable:!0,get:()=>gradientEngine.createGradientModel});Object.defineProperty(exports,"createGradientModelFromColor",{enumerable:!0,get:()=>gradientEngine.createGradientModelFromColor});Object.defineProperty(exports,"createGradientMorphBlobs",{enumerable:!0,get:()=>gradientEngine.createGradientMorphBlobs});Object.defineProperty(exports,"createGradientPreset",{enumerable:!0,get:()=>gradientEngine.createGradientPreset});Object.defineProperty(exports,"createGradientTokens",{enumerable:!0,get:()=>gradientEngine.createGradientTokens});Object.defineProperty(exports,"createLinearGradient",{enumerable:!0,get:()=>gradientEngine.createLinearGradient});Object.defineProperty(exports,"defineGradientPreset",{enumerable:!0,get:()=>gradientEngine.defineGradientPreset});Object.defineProperty(exports,"defineGradientPresetRegistry",{enumerable:!0,get:()=>gradientEngine.defineGradientPresetRegistry});Object.defineProperty(exports,"getGradientPreset",{enumerable:!0,get:()=>gradientEngine.getGradientPreset});Object.defineProperty(exports,"gradientPresets",{enumerable:!0,get:()=>gradientEngine.gradientPresets});Object.defineProperty(exports,"isGradientMorphBlendMode",{enumerable:!0,get:()=>gradientEngine.isGradientMorphBlendMode});Object.defineProperty(exports,"resolveGradientMorphBlendMode",{enumerable:!0,get:()=>gradientEngine.resolveGradientMorphBlendMode});Object.defineProperty(exports,"toCanvasGradient",{enumerable:!0,get:()=>gradientEngine.toCanvasGradient});Object.defineProperty(exports,"toCssGradient",{enumerable:!0,get:()=>gradientEngine.toCssGradient});Object.defineProperty(exports,"toGradientAnimationCSS",{enumerable:!0,get:()=>gradientEngine.toGradientAnimationCSS});Object.defineProperty(exports,"toGradientBoxShadow",{enumerable:!0,get:()=>gradientEngine.toGradientBoxShadow});Object.defineProperty(exports,"toGradientDropShadow",{enumerable:!0,get:()=>gradientEngine.toGradientDropShadow});Object.defineProperty(exports,"toGradientMorphCSS",{enumerable:!0,get:()=>gradientEngine.toGradientMorphCSS});Object.defineProperty(exports,"toGradientMorphFilter",{enumerable:!0,get:()=>gradientEngine.toGradientMorphFilter});Object.defineProperty(exports,"toGradientMorphFilterMarkup",{enumerable:!0,get:()=>gradientEngine.toGradientMorphFilterMarkup});Object.defineProperty(exports,"toSvgGradient",{enumerable:!0,get:()=>gradientEngine.toSvgGradient});Object.defineProperty(exports,"toSvgGradientMarkup",{enumerable:!0,get:()=>gradientEngine.toSvgGradientMarkup});Object.defineProperty(exports,"toSvgPathAnimationMarkup",{enumerable:!0,get:()=>gradientEngine.toSvgPathAnimationMarkup});Object.defineProperty(exports,"toSvgSourceAnimationMarkup",{enumerable:!0,get:()=>gradientEngine.toSvgSourceAnimationMarkup});