@gradient-ui/core 0.6.0 → 1.0.0

package/dist/fieldControl-BgVt1Hh1.js

@@ -0,0 +1,144 @@
+import { computed, unref, toValue } from "vue";
+import { u as useBooleanProp } from "./selectionModel-DMATNQOo.js";
+import { u as useSelectionController } from "./selectionController-Cq7OffKP.js";
+import { u as useFormControl } from "./control-B3T1H83D.js";
+function useSelectMenuItems(items) {
+  function normalize(item, index, parentPath = "") {
+    var _a;
+    const id = `${parentPath}${index}`;
+    return {
+      ...item,
+      id,
+      children: (_a = item.children) == null ? void 0 : _a.map(
+        (child, childIndex) => normalize(child, childIndex, `${id}-`)
+      )
+    };
+  }
+  function findById(list, id) {
+    var _a;
+    for (const menuItem of list) {
+      if (menuItem.id === id) return menuItem;
+      if ((_a = menuItem.children) != null && _a.length) {
+        const found = findById(menuItem.children, id);
+        if (found) return found;
+      }
+    }
+  }
+  const menuItems = computed(() => items.value.map((item, index) => normalize(item, index)));
+  function resolveMenuItem(item) {
+    return findById(menuItems.value, item.id);
+  }
+  return {
+    menuItems,
+    resolveMenuItem
+  };
+}
+function useSelectMenuSlot(resolveMenuItem) {
+  function getSlotItem(item) {
+    const resolvedItem = resolveMenuItem(item);
+    if (!resolvedItem)
+      throw new Error("Failed to resolve select menu item.");
+    return resolvedItem;
+  }
+  return {
+    getSlotItem
+  };
+}
+function flattenSelectItems(items) {
+  var _a;
+  const result = [];
+  for (const item of items)
+    result.push(item), (_a = item.children) != null && _a.length && result.push(...flattenSelectItems(item.children));
+  return result;
+}
+function useSelectionSummary(items, isItemSelected) {
+  const selectedItems = computed(() => flattenSelectItems(items.value).filter(
+    (item) => isItemSelected(item)
+  )), hasSelection = computed(() => selectedItems.value.length > 0), selectionText = computed(() => hasSelection.value ? selectedItems.value.map((item) => item.label).join(", ") : "");
+  return {
+    selectedItems,
+    hasSelection,
+    selectionText
+  };
+}
+function useSelectController(props, emit) {
+  const isMultiple = useBooleanProp(props.multiple), isReturnObject = useBooleanProp(props.returnObject), shouldCloseOnSelect = computed(
+    () => unref(props.closeOnSelect) ?? !isMultiple.value
+  ), {
+    items: normalizedItems,
+    isItemSelected,
+    selectItem
+  } = useSelectionController(
+    {
+      items: props.items,
+      modelValue: props.modelValue,
+      labelKey: props.labelKey,
+      valueKey: props.valueKey,
+      itemChildren: props.itemChildren,
+      returnObject: props.returnObject,
+      multiple: props.multiple
+    },
+    emit
+  ), { selectedItems, hasSelection, selectionText } = useSelectionSummary(
+    normalizedItems,
+    isItemSelected
+  ), { menuItems, resolveMenuItem } = useSelectMenuItems(normalizedItems), { getSlotItem } = useSelectMenuSlot(resolveMenuItem);
+  function isMenuItemSelected(item) {
+    const resolvedItem = resolveMenuItem(item);
+    return resolvedItem ? isItemSelected(resolvedItem) : !1;
+  }
+  function handleSelect(item, onClose) {
+    const resolvedItem = resolveMenuItem(item);
+    resolvedItem && (selectItem(resolvedItem), shouldCloseOnSelect.value && (onClose == null || onClose()));
+  }
+  return {
+    isMultiple,
+    isReturnObject,
+    shouldCloseOnSelect,
+    normalizedItems,
+    menuItems,
+    resolveMenuItem,
+    getSlotItem,
+    isItemSelected,
+    isMenuItemSelected,
+    handleSelect,
+    selectItem,
+    selectedItems,
+    hasSelection,
+    selectionText
+  };
+}
+function useSelectFieldControl(options) {
+  const control = useFormControl({
+    modelValue: options.modelValue,
+    rules: options.rules,
+    message: options.message,
+    disabled: options.disabled
+  }), fieldProps = computed(() => ({
+    id: toValue(options.id),
+    label: toValue(options.label),
+    color: toValue(options.color),
+    variant: toValue(options.variant),
+    backdropBlur: toValue(options.backdropBlur),
+    borderWidth: toValue(options.borderWidth),
+    state: control.hasValidationError.value ? "error" : toValue(options.state),
+    disabled: control.disabled.value,
+    clearable: toValue(options.clearable),
+    size: toValue(options.size),
+    focused: control.focused.value || !!toValue(options.focused),
+    message: control.computedMessage.value,
+    prependIcon: toValue(options.prependIcon),
+    appendIcon: toValue(options.appendIcon),
+    hasValue: toValue(options.hasValue),
+    multiline: !!toValue(options.multiline)
+  }));
+  return {
+    ...control,
+    fieldProps
+  };
+}
+export {
+  useSelectFieldControl as a,
+  flattenSelectItems as f,
+  useSelectController as u
+};

package/dist/fieldControl-CIJMnu2j.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),selectionModel=require("./selectionModel-B_tgk_Aa.cjs"),selectionController=require("./selectionController-D_SzzLi7.cjs"),control=require("./control-C5Ws5lp3.cjs");function useSelectMenuItems(items){function normalize(item,index,parentPath=""){var _a;const id=`${parentPath}${index}`;return{...item,id,children:(_a=item.children)==null?void 0:_a.map((child,childIndex)=>normalize(child,childIndex,`${id}-`))}}function findById(list,id){var _a;for(const menuItem of list){if(menuItem.id===id)return menuItem;if((_a=menuItem.children)!=null&&_a.length){const found=findById(menuItem.children,id);if(found)return found}}}const menuItems=vue.computed(()=>items.value.map((item,index)=>normalize(item,index)));function resolveMenuItem(item){return findById(menuItems.value,item.id)}return{menuItems,resolveMenuItem}}function useSelectMenuSlot(resolveMenuItem){function getSlotItem(item){const resolvedItem=resolveMenuItem(item);if(!resolvedItem)throw new Error("Failed to resolve select menu item.");return resolvedItem}return{getSlotItem}}function flattenSelectItems(items){var _a;const result=[];for(const item of items)result.push(item),(_a=item.children)!=null&&_a.length&&result.push(...flattenSelectItems(item.children));return result}function useSelectionSummary(items,isItemSelected){const selectedItems=vue.computed(()=>flattenSelectItems(items.value).filter(item=>isItemSelected(item))),hasSelection=vue.computed(()=>selectedItems.value.length>0),selectionText=vue.computed(()=>hasSelection.value?selectedItems.value.map(item=>item.label).join(", "):"");return{selectedItems,hasSelection,selectionText}}function useSelectController(props,emit){const isMultiple=selectionModel.useBooleanProp(props.multiple),isReturnObject=selectionModel.useBooleanProp(props.returnObject),shouldCloseOnSelect=vue.computed(()=>vue.unref(props.closeOnSelect)??!isMultiple.value),{items:normalizedItems,isItemSelected,selectItem}=selectionController.useSelectionController({items:props.items,modelValue:props.modelValue,labelKey:props.labelKey,valueKey:props.valueKey,itemChildren:props.itemChildren,returnObject:props.returnObject,multiple:props.multiple},emit),{selectedItems,hasSelection,selectionText}=useSelectionSummary(normalizedItems,isItemSelected),{menuItems,resolveMenuItem}=useSelectMenuItems(normalizedItems),{getSlotItem}=useSelectMenuSlot(resolveMenuItem);function isMenuItemSelected(item){const resolvedItem=resolveMenuItem(item);return resolvedItem?isItemSelected(resolvedItem):!1}function handleSelect(item,onClose){const resolvedItem=resolveMenuItem(item);resolvedItem&&(selectItem(resolvedItem),shouldCloseOnSelect.value&&(onClose==null||onClose()))}return{isMultiple,isReturnObject,shouldCloseOnSelect,normalizedItems,menuItems,resolveMenuItem,getSlotItem,isItemSelected,isMenuItemSelected,handleSelect,selectItem,selectedItems,hasSelection,selectionText}}function useSelectFieldControl(options){const control$1=control.useFormControl({modelValue:options.modelValue,rules:options.rules,message:options.message,disabled:options.disabled}),fieldProps=vue.computed(()=>({id:vue.toValue(options.id),label:vue.toValue(options.label),color:vue.toValue(options.color),variant:vue.toValue(options.variant),backdropBlur:vue.toValue(options.backdropBlur),borderWidth:vue.toValue(options.borderWidth),state:control$1.hasValidationError.value?"error":vue.toValue(options.state),disabled:control$1.disabled.value,clearable:vue.toValue(options.clearable),size:vue.toValue(options.size),focused:control$1.focused.value||!!vue.toValue(options.focused),message:control$1.computedMessage.value,prependIcon:vue.toValue(options.prependIcon),appendIcon:vue.toValue(options.appendIcon),hasValue:vue.toValue(options.hasValue),multiline:!!vue.toValue(options.multiline)}));return{...control$1,fieldProps}}exports.flattenSelectItems=flattenSelectItems;exports.useSelectController=useSelectController;exports.useSelectFieldControl=useSelectFieldControl;

package/dist/floatingTrigger-B_K4a4Fz.cjs

@@ -0,0 +1 @@
+"use strict";const vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),transition=require("./transition-BPMUkgHY.cjs"),vue$1=require("@floating-ui/vue"),layerStack=require("./layerStack-Bn2nFt2F.cjs"),clientLifecycle=require("./clientLifecycle-DlIZRy4I.cjs"),environment=require("./environment-Dr5kpq3D.cjs"),GTransition_vue_vue_type_script_setup_true_lang=require("./GTransition.vue_vue_type_script_setup_true_lang-CgELPmMA.cjs");require("./GExpandTransition.vue_vue_type_script_setup_true_lang-Ccl2Cemo.cjs");require("./GTransitionGroup.vue_vue_type_script_setup_true_lang-DDh0rXP7.cjs");const _pluginVue_exportHelper=require("./_plugin-vue_export-helper-D_jf5u0r.cjs"),makeFloatingProps=propsFactory.propsFactory({...transition.makeTransitionProps(),modelValue:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},strategy:{type:String,default:"absolute"},offset:{type:Number,default:8},shift:{type:Boolean,default:!0},flip:{type:Boolean,default:!0},sameWidth:{type:Boolean,default:!1},referenceFullWidth:{type:Boolean,default:!1},appendTo:{type:String,default:""},zIndexBase:{type:Number,default:1e3},disabled:Boolean,content:String,reference:Object}),useFloatingLayer=props=>{const reference=vue.ref(null),floating=vue.ref(null),middleware=vue.computed(()=>{const m=[];return props.offset&&m.push(vue$1.offset(props.offset)),props.flip&&m.push(vue$1.flip()),props.shift&&m.push(vue$1.shift({padding:4,crossAxis:!0})),props.sameWidth&&m.push(vue$1.size({apply({rects,elements}){Object.assign(elements.floating.style,{width:`${rects.reference.width}px`})}})),m}),{x,y,strategy,placement,update}=vue$1.useFloating(reference,floating,{...props,middleware,whileElementsMounted:vue$1.autoUpdate});return{reference,floating,x,y,strategy,placement,update}};function isDOMElement(el){return environment.isClientHTMLElement(el)}function isVueComponent(el){return!!el&&typeof el=="object"&&"$el"in el}function getElement(el){return el?isDOMElement(el)?el:isVueComponent(el)?el.$el:null:null}function useDismiss({open,reference,floating,escapeKey=!0,outsideClick=!0}){if(!open||!reference||!floating)throw new Error("useDismiss: open, reference, and floating are required");const onClickOutside=event=>{if(!outsideClick)return;const refNode=getElement(reference.value),floatNode=getElement(floating.value),target=event.target;refNode&&floatNode&&!refNode.contains(target)&&!floatNode.contains(target)&&(open.value=!1)},onEscape=event=>{escapeKey&&event.key==="Escape"&&(open.value=!1)};clientLifecycle.onClientMounted(({document:clientDocument})=>(clientDocument.addEventListener("click",onClickOutside),clientDocument.addEventListener("keydown",onEscape),()=>{clientDocument.removeEventListener("click",onClickOutside),clientDocument.removeEventListener("keydown",onEscape)}))}const _sfc_main=vue.defineComponent({__name:"BaseFloating",props:makeFloatingProps(),emits:["update:modelValue"],setup(__props,{emit:__emit}){const props=__props,referenceProp=vue.toRef(props,"reference"),emit=__emit,{open}=layerStack.useControllableOpen(props,emit),{hasAppendTarget,appendTarget}=layerStack.useAppendTarget(()=>props.appendTo),leaving=vue.ref(!1),layerOpen=vue.computed(()=>open.value||leaving.value),{reference,floating,x,y,strategy,update}=useFloatingLayer(props);useDismiss({open,reference,floating});const{zIndex}=layerStack.useLayerStack({open:layerOpen,base:props.zIndexBase,kind:"floating"}),floatingStyle=vue.computed(()=>({position:strategy.value,top:y.value!=null?`${y.value}px`:"",left:x.value!=null?`${x.value}px`:"",minWidth:props.sameWidth&&environment.isClientHTMLElement(reference.value)?`${reference.value.offsetWidth}px`:void 0,zIndex:zIndex.value}));function assignReference(el){el&&("$el"in el||environment.isClientHTMLElement(el))?reference.value=el:(reference.value=props.reference,update())}function onBeforeLeave(){leaving.value=!0}function onAfterLeave(){leaving.value=!1}function onLeaveCancelled(){leaving.value=!1}return vue.watch(referenceProp,val=>{val&&(reference.value=val)},{deep:!0,immediate:!0}),(_ctx,_cache)=>(vue.openBlock(),vue.createElementBlock(vue.Fragment,null,[vue.createElementVNode("div",{class:vue.normalizeClass(["base-floating__reference",{"base-floating__reference_full":props.referenceFullWidth}])},[vue.renderSlot(_ctx.$slots,"reference",{ref:assignReference},void 0,!0)],2),vue.unref(hasAppendTarget)?(vue.openBlock(),vue.createBlock(vue.Teleport,{key:0,to:vue.unref(appendTarget)},[vue.createVNode(vue.unref(GTransition_vue_vue_type_script_setup_true_lang._sfc_main),{transition:props.transition,name:"scale",onBeforeLeave,onAfterLeave,onLeaveCancelled},{default:vue.withCtx(()=>[vue.withDirectives(vue.createElementVNode("div",{ref_key:"floating",ref:floating,style:vue.normalizeStyle(floatingStyle.value)},[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)],4),[[vue.vShow,vue.unref(open)]])]),_:3},8,["transition"])],8,["to"])):(vue.openBlock(),vue.createBlock(vue.unref(GTransition_vue_vue_type_script_setup_true_lang._sfc_main),{key:1,transition:props.transition,name:"scale",onBeforeLeave,onAfterLeave,onLeaveCancelled},{default:vue.withCtx(()=>[vue.withDirectives(vue.createElementVNode("div",{ref_key:"floating",ref:floating,style:vue.normalizeStyle(floatingStyle.value)},[vue.renderSlot(_ctx.$slots,"default",{},void 0,!0)],4),[[vue.vShow,vue.unref(open)]])]),_:3},8,["transition"]))],64))}}),BaseFloating=_pluginVue_exportHelper._export_sfc(_sfc_main,[["__scopeId","data-v-de333162"]]);function useTriggerFactory(open,options){const{click,hover,focus,contextmenu,disabled=!1}=options;let openTimeout=null,closeTimeout=null;function clearTimers(){openTimeout&&clearTimeout(openTimeout),closeTimeout&&clearTimeout(closeTimeout),openTimeout=null,closeTimeout=null}function setOpen(value,delay=0){if(clearTimers(),delay===0){open.value=value;return}const timer=window.setTimeout(()=>{open.value=value},delay);value?openTimeout=timer:closeTimeout=timer}const hoverConfig=typeof hover=="object"?hover:{},openDelay=hoverConfig.openDelay??0,closeDelay=hoverConfig.closeDelay??0;function onClick(){disabled||!click||(open.value=!open.value)}function onContextmenu(e){disabled||!contextmenu||(e.preventDefault(),open.value=!0)}function onMouseenter(){disabled||!hover||setOpen(!0,openDelay)}function onMouseleave(){hover&&setOpen(!1,closeDelay)}function onFocus(){disabled||!focus||(open.value=!0)}function onBlur(){focus&&(open.value=!1)}vue.onBeforeUnmount(clearTimers);const triggerAttrs=vue.computed(()=>({...click?{onClick}:{},...contextmenu?{onContextmenu}:{},...hover?{onMouseenter,onMouseleave}:{},...focus?{onFocus,onBlur}:{}})),floatingAttrs=vue.computed(()=>({...hover?{onMouseenter,onMouseleave}:{}}));return{triggerAttrs,floatingAttrs}}exports.BaseFloating=BaseFloating;exports.makeFloatingProps=makeFloatingProps;exports.useTriggerFactory=useTriggerFactory;

package/dist/floatingTrigger-CyvZ-aQ6.js

@@ -0,0 +1,275 @@
+import { ref, computed, defineComponent, toRef, watch, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, renderSlot, unref, createBlock, Teleport, createVNode, withCtx, withDirectives, normalizeStyle, vShow, onBeforeUnmount } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { d as makeTransitionProps } from "./transition-DVGMCo2o.js";
+import { offset, flip, shift, size, useFloating, autoUpdate } from "@floating-ui/vue";
+import { u as useControllableOpen, a as useAppendTarget, b as useLayerStack } from "./layerStack-C926It64.js";
+import { o as onClientMounted } from "./clientLifecycle-NZQzL_eH.js";
+import { d as isClientHTMLElement } from "./environment-o0e-UUbv.js";
+import { _ as _sfc_main$1 } from "./GTransition.vue_vue_type_script_setup_true_lang-CHGSgsZ0.js";
+import "./GExpandTransition.vue_vue_type_script_setup_true_lang-ztMeJVQO.js";
+import "./GTransitionGroup.vue_vue_type_script_setup_true_lang-CDu6W6-X.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-B--vMWp3.js";
+const makeFloatingProps = propsFactory({
+  ...makeTransitionProps(),
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultOpen: {
+    type: Boolean,
+    default: !1
+  },
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  strategy: {
+    type: String,
+    default: "absolute"
+  },
+  offset: {
+    type: Number,
+    default: 8
+  },
+  shift: {
+    type: Boolean,
+    default: !0
+  },
+  flip: {
+    type: Boolean,
+    default: !0
+  },
+  sameWidth: {
+    type: Boolean,
+    default: !1
+  },
+  referenceFullWidth: {
+    type: Boolean,
+    default: !1
+  },
+  appendTo: {
+    type: String,
+    default: ""
+  },
+  zIndexBase: {
+    type: Number,
+    default: 1e3
+  },
+  disabled: Boolean,
+  content: String,
+  reference: Object
+}), useFloatingLayer = (props) => {
+  const reference = ref(null), floating = ref(null), middleware = computed(() => {
+    const m = [];
+    return props.offset && m.push(offset(props.offset)), props.flip && m.push(flip()), props.shift && m.push(
+      shift({
+        padding: 4,
+        crossAxis: !0
+      })
+    ), props.sameWidth && m.push(
+      size({
+        apply({ rects, elements }) {
+          Object.assign(elements.floating.style, {
+            width: `${rects.reference.width}px`
+          });
+        }
+      })
+    ), m;
+  }), { x, y, strategy, placement, update } = useFloating(
+    reference,
+    floating,
+    {
+      ...props,
+      middleware,
+      whileElementsMounted: autoUpdate
+    }
+  );
+  return {
+    reference,
+    floating,
+    x,
+    y,
+    strategy,
+    placement,
+    update
+  };
+};
+function isDOMElement(el) {
+  return isClientHTMLElement(el);
+}
+function isVueComponent(el) {
+  return !!el && typeof el == "object" && "$el" in el;
+}
+function getElement(el) {
+  return el ? isDOMElement(el) ? el : isVueComponent(el) ? el.$el : null : null;
+}
+function useDismiss({
+  open,
+  reference,
+  floating,
+  escapeKey = !0,
+  outsideClick = !0
+}) {
+  if (!open || !reference || !floating)
+    throw new Error(
+      "useDismiss: open, reference, and floating are required"
+    );
+  const onClickOutside = (event) => {
+    if (!outsideClick) return;
+    const refNode = getElement(reference.value), floatNode = getElement(floating.value), target = event.target;
+    refNode && floatNode && !refNode.contains(target) && !floatNode.contains(target) && (open.value = !1);
+  }, onEscape = (event) => {
+    escapeKey && event.key === "Escape" && (open.value = !1);
+  };
+  onClientMounted(({ document: clientDocument }) => (clientDocument.addEventListener("click", onClickOutside), clientDocument.addEventListener("keydown", onEscape), () => {
+    clientDocument.removeEventListener("click", onClickOutside), clientDocument.removeEventListener("keydown", onEscape);
+  }));
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BaseFloating",
+  props: makeFloatingProps(),
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props, referenceProp = toRef(props, "reference"), emit = __emit, { open } = useControllableOpen(props, emit), { hasAppendTarget, appendTarget } = useAppendTarget(
+      () => props.appendTo
+    ), leaving = ref(!1), layerOpen = computed(() => open.value || leaving.value), { reference, floating, x, y, strategy, update } = useFloatingLayer(props);
+    useDismiss({ open, reference, floating });
+    const { zIndex } = useLayerStack({
+      open: layerOpen,
+      base: props.zIndexBase,
+      kind: "floating"
+    }), floatingStyle = computed(() => ({
+      position: strategy.value,
+      top: y.value != null ? `${y.value}px` : "",
+      left: x.value != null ? `${x.value}px` : "",
+      minWidth: props.sameWidth && isClientHTMLElement(reference.value) ? `${reference.value.offsetWidth}px` : void 0,
+      zIndex: zIndex.value
+    }));
+    function assignReference(el) {
+      el && ("$el" in el || isClientHTMLElement(el)) ? reference.value = el : (reference.value = props.reference, update());
+    }
+    function onBeforeLeave() {
+      leaving.value = !0;
+    }
+    function onAfterLeave() {
+      leaving.value = !1;
+    }
+    function onLeaveCancelled() {
+      leaving.value = !1;
+    }
+    return watch(
+      referenceProp,
+      (val) => {
+        val && (reference.value = val);
+      },
+      { deep: !0, immediate: !0 }
+    ), (_ctx, _cache) => (openBlock(), createElementBlock(Fragment, null, [
+      createElementVNode("div", {
+        class: normalizeClass(["base-floating__reference", {
+          "base-floating__reference_full": props.referenceFullWidth
+        }])
+      }, [
+        renderSlot(_ctx.$slots, "reference", { ref: assignReference }, void 0, !0)
+      ], 2),
+      unref(hasAppendTarget) ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: unref(appendTarget)
+      }, [
+        createVNode(unref(_sfc_main$1), {
+          transition: props.transition,
+          name: "scale",
+          onBeforeLeave,
+          onAfterLeave,
+          onLeaveCancelled
+        }, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              ref_key: "floating",
+              ref: floating,
+              style: normalizeStyle(floatingStyle.value)
+            }, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+            ], 4), [
+              [vShow, unref(open)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["transition"])
+      ], 8, ["to"])) : (openBlock(), createBlock(unref(_sfc_main$1), {
+        key: 1,
+        transition: props.transition,
+        name: "scale",
+        onBeforeLeave,
+        onAfterLeave,
+        onLeaveCancelled
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            ref_key: "floating",
+            ref: floating,
+            style: normalizeStyle(floatingStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, !0)
+          ], 4), [
+            [vShow, unref(open)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["transition"]))
+    ], 64));
+  }
+}), BaseFloating = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-de333162"]]);
+function useTriggerFactory(open, options) {
+  const { click, hover, focus, contextmenu, disabled = !1 } = options;
+  let openTimeout = null, closeTimeout = null;
+  function clearTimers() {
+    openTimeout && clearTimeout(openTimeout), closeTimeout && clearTimeout(closeTimeout), openTimeout = null, closeTimeout = null;
+  }
+  function setOpen(value, delay = 0) {
+    if (clearTimers(), delay === 0) {
+      open.value = value;
+      return;
+    }
+    const timer = window.setTimeout(() => {
+      open.value = value;
+    }, delay);
+    value ? openTimeout = timer : closeTimeout = timer;
+  }
+  const hoverConfig = typeof hover == "object" ? hover : {}, openDelay = hoverConfig.openDelay ?? 0, closeDelay = hoverConfig.closeDelay ?? 0;
+  function onClick() {
+    disabled || !click || (open.value = !open.value);
+  }
+  function onContextmenu(e) {
+    disabled || !contextmenu || (e.preventDefault(), open.value = !0);
+  }
+  function onMouseenter() {
+    disabled || !hover || setOpen(!0, openDelay);
+  }
+  function onMouseleave() {
+    hover && setOpen(!1, closeDelay);
+  }
+  function onFocus() {
+    disabled || !focus || (open.value = !0);
+  }
+  function onBlur() {
+    focus && (open.value = !1);
+  }
+  onBeforeUnmount(clearTimers);
+  const triggerAttrs = computed(() => ({
+    ...click ? { onClick } : {},
+    ...contextmenu ? { onContextmenu } : {},
+    ...hover ? { onMouseenter, onMouseleave } : {},
+    ...focus ? { onFocus, onBlur } : {}
+  })), floatingAttrs = computed(() => ({
+    ...hover ? { onMouseenter, onMouseleave } : {}
+  }));
+  return {
+    triggerAttrs,
+    floatingAttrs
+  };
+}
+export {
+  BaseFloating as B,
+  makeFloatingProps as m,
+  useTriggerFactory as u
+};

package/dist/glass-CJjbKWWO.js

@@ -0,0 +1,20 @@
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { computed, toValue } from "vue";
+const makeGlassProps = propsFactory({
+  backdropBlur: {
+    type: [Number, String],
+    default: 2
+  }
+}), toPx = (value) => value === void 0 ? "6px" : typeof value == "number" ? `${value}px` : /^\d+(\.\d+)?$/.test(value) ? `${value}px` : value, useGlass = (props) => {
+  const backdropBlur = computed(() => toPx(toValue(props.backdropBlur))), glassStyles = computed(() => ({
+    "--g-glass-backdrop-blur": backdropBlur.value
+  }));
+  return {
+    backdropBlur,
+    glassStyles
+  };
+};
+export {
+  makeGlassProps as m,
+  useGlass as u
+};

package/dist/glass-CZEblMo2.cjs

@@ -0,0 +1 @@
+"use strict";const propsFactory=require("./propsFactory-DT6-QS4L.cjs"),vue=require("vue"),makeGlassProps=propsFactory.propsFactory({backdropBlur:{type:[Number,String],default:2}}),toPx=value=>value===void 0?"6px":typeof value=="number"?`${value}px`:/^\d+(\.\d+)?$/.test(value)?`${value}px`:value,useGlass=props=>{const backdropBlur=vue.computed(()=>toPx(vue.toValue(props.backdropBlur))),glassStyles=vue.computed(()=>({"--g-glass-backdrop-blur":backdropBlur.value}));return{backdropBlur,glassStyles}};exports.makeGlassProps=makeGlassProps;exports.useGlass=useGlass;

package/dist/gradient-Bf_C3oqp.cjs

@@ -0,0 +1 @@
+"use strict";const rounded=require("./rounded-BneJO7vz.cjs"),vue=require("vue"),propsFactory=require("./propsFactory-DT6-QS4L.cjs"),px=require("./px-CVkec5Jf.cjs"),disabled=require("./disabled-B_bAKgaM.cjs"),variant=require("./variant-BvBpmTET.cjs");require("@mdi/js");const state=require("./state-CUskk7oG.cjs"),colorResolver=require("./colorResolver-C6PTz0S8.cjs"),gradientMaterial=require("./gradientMaterial-DrttA9E_.cjs"),makePlacementProps=propsFactory.propsFactory({placement:{type:String,default:"bottom"}});function usePlacement(props,base){return vue.computed(()=>`${base}_${props.placement}`)}const makeGradientGlowProps=propsFactory.propsFactory({active:Boolean,...disabled.makeDisabledProps(),glow:[Boolean,Number,String],animateGlow:Boolean,shadow:Boolean,...state.makeStateProps()});function useGradientGlow(props,baseClass="g-gradient"){const disabledClass=disabled.useDisabled(props,baseClass),stateClass=state.useState(props,baseClass);return{glowClasses:vue.computed(()=>({[disabledClass.value]:!0,[stateClass.value]:!0,[`${baseClass}_active`]:props.active,[`${baseClass}_glow`]:props.glow,[`${baseClass}_animate-glow`]:props.animateGlow,[`${baseClass}_shadow`]:props.shadow}))}}const makeGradientSurfaceProps=propsFactory.propsFactory({rootTag:{type:String,default:"div"},interactive:{type:Boolean,default:!0},borderRadius:{type:[Number,String],default:4},inheritWidth:Boolean,surfaceFill:{type:String,default:"transparent"}});function useGradientSurface(props){const surfaceBorderRadius=px.usePx(vue.toRef(props,"borderRadius")),surfaceFillClass=vue.computed(()=>`g-gradient_surface-${props.surfaceFill}`);return{interactionClass:vue.computed(()=>props.interactive?"g-gradient_interactive":""),surfaceBorderRadius,surfaceFillClass}}const makeGradientBorderProps=propsFactory.propsFactory({...disabled.makeDisabledProps(),...variant.makeVariantProps(),...rounded.makeRoundedProps(),...makePlacementProps({placement:"center"}),borderRadius:{type:[Number,String],default:4},borderWidth:{type:[Number,String],default:1},color:String,state:String,materialKind:{type:String,default:"action"},gradientRecipe:String}),makeGradientProps=propsFactory.propsFactory({...makeGradientBorderProps(),...makeGradientGlowProps(),...makeGradientSurfaceProps()});function useGradient(props){const borderWidthPx=px.usePx(vue.toRef(props,"borderWidth")),borderRadiusPx=px.usePx(vue.toRef(props,"borderRadius")),containerBorderRadius=vue.computed(()=>borderWidthPx.value?`calc(${borderRadiusPx.value} + ${borderWidthPx.value})`:borderRadiusPx.value),disabledClass=disabled.useDisabled(props,"g-gradient"),placementClass=usePlacement(props,"g-gradient"),roundedClasses=rounded.useRounded(props,"g-gradient"),resolvedGradient=colorResolver.useResolveGradientValue(()=>props.color??props.state),hasBorder=vue.computed(()=>Number.parseFloat(String(props.borderWidth))>0),{gradientMaterial:gradientMaterial$1,gradientMaterialStyles}=gradientMaterial.useGradientMaterial({color:()=>props.color??props.state,kind:()=>props.materialKind,recipe:()=>hasBorder.value?props.gradientRecipe:void 0,options:()=>hasBorder.value?{}:void 0}),gradientClasses=vue.computed(()=>({[disabledClass.value]:!0,[placementClass.value]:!0,[roundedClasses.value]:!0,"g-gradient_inherit-width":props.inheritWidth,[`g-gradient_${props.state}`]:props.state})),gradientBoxStyles=vue.computed(()=>({"--g-border-radius":borderRadiusPx.value,"--g-border-width":borderWidthPx.value})),gradientStyles=vue.computed(()=>[hasBorder.value&&gradientMaterialStyles.value?gradientMaterialStyles.value:{"--g-gradient-current":resolvedGradient.value},gradientBoxStyles.value]);return{borderWidthPx,borderRadiusPx,containerBorderRadius,gradientMaterial:gradientMaterial$1,resolvedGradient,gradientClasses,gradientStyles}}exports.makeGradientGlowProps=makeGradientGlowProps;exports.makeGradientProps=makeGradientProps;exports.useGradient=useGradient;exports.useGradientGlow=useGradientGlow;exports.useGradientSurface=useGradientSurface;

package/dist/gradient-Cesrzb2-.js

@@ -0,0 +1,138 @@
+import { m as makeRoundedProps, u as useRounded } from "./rounded-CKhFFdmx.js";
+import { computed, toRef } from "vue";
+import { p as propsFactory } from "./propsFactory-FM5RGbLN.js";
+import { u as usePx } from "./px-B-cyF02Z.js";
+import { m as makeDisabledProps, u as useDisabled } from "./disabled-CAV056h6.js";
+import { m as makeVariantProps } from "./variant-Fpx1q_TY.js";
+import "@mdi/js";
+import { m as makeStateProps, u as useState } from "./state-zMDQLwyB.js";
+import { u as useResolveGradientValue } from "./colorResolver-BBj51UAZ.js";
+import { u as useGradientMaterial } from "./gradientMaterial-BEhJP5b1.js";
+const makePlacementProps = propsFactory({
+  placement: {
+    type: String,
+    default: "bottom"
+  }
+});
+function usePlacement(props, base) {
+  return computed(() => `${base}_${props.placement}`);
+}
+const makeGradientGlowProps = propsFactory({
+  active: Boolean,
+  ...makeDisabledProps(),
+  glow: [Boolean, Number, String],
+  animateGlow: Boolean,
+  shadow: Boolean,
+  ...makeStateProps()
+});
+function useGradientGlow(props, baseClass = "g-gradient") {
+  const disabledClass = useDisabled(props, baseClass), stateClass = useState(props, baseClass);
+  return {
+    glowClasses: computed(() => ({
+      [disabledClass.value]: !0,
+      [stateClass.value]: !0,
+      [`${baseClass}_active`]: props.active,
+      [`${baseClass}_glow`]: props.glow,
+      [`${baseClass}_animate-glow`]: props.animateGlow,
+      [`${baseClass}_shadow`]: props.shadow
+    }))
+  };
+}
+const makeGradientSurfaceProps = propsFactory({
+  rootTag: {
+    type: String,
+    default: "div"
+  },
+  interactive: {
+    type: Boolean,
+    default: !0
+  },
+  borderRadius: {
+    type: [Number, String],
+    default: 4
+  },
+  inheritWidth: Boolean,
+  surfaceFill: {
+    type: String,
+    default: "transparent"
+  }
+});
+function useGradientSurface(props) {
+  const surfaceBorderRadius = usePx(toRef(props, "borderRadius")), surfaceFillClass = computed(
+    () => `g-gradient_surface-${props.surfaceFill}`
+  );
+  return {
+    interactionClass: computed(
+      () => props.interactive ? "g-gradient_interactive" : ""
+    ),
+    surfaceBorderRadius,
+    surfaceFillClass
+  };
+}
+const makeGradientBorderProps = propsFactory({
+  ...makeDisabledProps(),
+  ...makeVariantProps(),
+  ...makeRoundedProps(),
+  ...makePlacementProps({
+    placement: "center"
+  }),
+  borderRadius: {
+    type: [Number, String],
+    default: 4
+  },
+  borderWidth: {
+    type: [Number, String],
+    default: 1
+  },
+  color: String,
+  state: String,
+  materialKind: {
+    type: String,
+    default: "action"
+  },
+  gradientRecipe: String
+}), makeGradientProps = propsFactory({
+  ...makeGradientBorderProps(),
+  ...makeGradientGlowProps(),
+  ...makeGradientSurfaceProps()
+});
+function useGradient(props) {
+  const borderWidthPx = usePx(toRef(props, "borderWidth")), borderRadiusPx = usePx(toRef(props, "borderRadius")), containerBorderRadius = computed(() => borderWidthPx.value ? `calc(${borderRadiusPx.value} + ${borderWidthPx.value})` : borderRadiusPx.value), disabledClass = useDisabled(props, "g-gradient"), placementClass = usePlacement(props, "g-gradient"), roundedClasses = useRounded(props, "g-gradient"), resolvedGradient = useResolveGradientValue(
+    () => props.color ?? props.state
+  ), hasBorder = computed(
+    () => Number.parseFloat(String(props.borderWidth)) > 0
+  ), { gradientMaterial, gradientMaterialStyles } = useGradientMaterial({
+    color: () => props.color ?? props.state,
+    kind: () => props.materialKind,
+    recipe: () => hasBorder.value ? props.gradientRecipe : void 0,
+    options: () => hasBorder.value ? {} : void 0
+  }), gradientClasses = computed(() => ({
+    [disabledClass.value]: !0,
+    [placementClass.value]: !0,
+    [roundedClasses.value]: !0,
+    "g-gradient_inherit-width": props.inheritWidth,
+    [`g-gradient_${props.state}`]: props.state
+  })), gradientBoxStyles = computed(() => ({
+    "--g-border-radius": borderRadiusPx.value,
+    "--g-border-width": borderWidthPx.value
+  })), gradientStyles = computed(() => [
+    hasBorder.value && gradientMaterialStyles.value ? gradientMaterialStyles.value : { "--g-gradient-current": resolvedGradient.value },
+    gradientBoxStyles.value
+  ]);
+  return {
+    borderWidthPx,
+    borderRadiusPx,
+    containerBorderRadius,
+    gradientMaterial,
+    resolvedGradient,
+    gradientClasses,
+    gradientStyles
+  };
+}
+export {
+  makeGradientGlowProps as a,
+  useGradientGlow as b,
+  useGradientSurface as c,
+  makeGradientProps as m,
+  useGradient as u
+};