hys-ui 0.1.1 → 0.3.0

package/dist/index.js

@@ -1,146 +1,159 @@
 /* empty css                 */
-import { default as a } from "./components/HysAccordion/HysAccordion.vue.js";
+import { default as o } from "./components/HysAccordion/HysAccordion.vue.js";
 import { default as s } from "./components/HysAlert/HysAlert.vue.js";
 import { default as l } from "./components/HysAnimatedNumber/HysAnimatedNumber.vue.js";
-import { default as m } from "./components/HysAvatar/HysAvatar.vue.js";
-import { default as u } from "./components/HysBadge/HysBadge.vue.js";
-import { default as y } from "./components/HysBreadcrumb/HysBreadcrumb.vue.js";
-import { default as i } from "./components/HysButton/HysButton.vue.js";
-import { default as T } from "./components/HysCalendar/HysCalendar.vue.js";
-import { default as C } from "./components/HysCalendarNavigation/HysCalendarNavigation.vue.js";
-import { default as S } from "./components/HysCard/HysCard.vue.js";
-import { default as P } from "./components/HysCascader/HysCascader.vue.js";
-import { default as k } from "./components/HysChart/HysChart.vue.js";
-import { default as E } from "./components/HysCheckbox/HysCheckbox.vue.js";
-import { default as M } from "./components/HysColorPicker/HysColorPicker.vue.js";
-import { default as A } from "./components/HysColorTokenEditor/HysColorTokenEditor.vue.js";
-import { default as N } from "./components/HysCommandPalette/HysCommandPalette.vue.js";
-import { default as B } from "./components/HysCommentEditor/HysCommentEditor.vue.js";
-import { default as G } from "./components/HysContextMenu/HysContextMenu.vue.js";
-import { default as z } from "./components/HysCronEditor/HysCronEditor.vue.js";
-import { default as K } from "./components/HysDataGrid/HysDataGrid.vue.js";
-import { default as O } from "./components/HysDatePicker/HysDatePicker.vue.js";
-import { default as j } from "./components/HysDateRangePicker/HysDateRangePicker.vue.js";
-import { default as Q } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
-import { default as X } from "./components/HysDivider/HysDivider.vue.js";
-import { default as Z } from "./components/HysDrawer/HysDrawer.vue.js";
-import { default as $ } from "./components/HysEmpty/HysEmpty.vue.js";
-import { default as re } from "./components/HysFileManager/HysFileManager.vue.js";
-import { default as ae } from "./components/HysForm/HysForm.vue.js";
-import { default as se } from "./components/HysFormItem/HysFormItem.vue.js";
-import { default as le } from "./components/HysGantt/HysGantt.vue.js";
-import { default as me } from "./components/HysInput/HysInput.vue.js";
-import { default as ue } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
-import { default as ye } from "./components/HysKanban/HysKanban.vue.js";
-import { default as ie } from "./components/HysMention/HysMention.vue.js";
-import { default as Te } from "./components/HysModal/HysModal.vue.js";
-import { default as Ce } from "./components/HysNotificationCenter/HysNotificationCenter.vue.js";
-import { default as Se } from "./components/HysNumberInput/HysNumberInput.vue.js";
-import { default as Pe } from "./components/HysOrgTree/HysOrgTree.vue.js";
-import { default as ke } from "./components/HysPagination/HysPagination.vue.js";
-import { default as Ee } from "./components/HysPermissionMatrix/HysPermissionMatrix.vue.js";
-import { default as Me } from "./components/HysPopover/HysPopover.vue.js";
-import { default as Ae } from "./components/HysProgress/HysProgress.vue.js";
-import { default as Ne } from "./components/HysRadioGroup/HysRadioGroup.vue.js";
-import { default as Be } from "./components/HysRating/HysRating.vue.js";
-import { default as Ge } from "./components/HysResizablePanel/HysResizablePanel.vue.js";
-import { default as ze } from "./components/HysRichTextEditor/HysRichTextEditor.vue.js";
-import { default as Ke } from "./components/HysSearch/HysSearch.vue.js";
-import { default as Oe } from "./components/HysSegmented/HysSegmented.vue.js";
-import { default as je } from "./components/HysSelect/HysSelect.vue.js";
-import { default as Qe } from "./components/HysShortcutHelp/HysShortcutHelp.vue.js";
-import { default as Xe } from "./components/HysSkeleton/HysSkeleton.vue.js";
-import { default as Ze } from "./components/HysSlider/HysSlider.vue.js";
-import { default as $e } from "./components/HysSortableList/HysSortableList.vue.js";
-import { default as rr } from "./components/HysSplitPane/HysSplitPane.vue.js";
-import { default as ar } from "./components/HysSteps/HysSteps.vue.js";
-import { default as sr } from "./components/HysSwitch/HysSwitch.vue.js";
-import { default as lr } from "./components/HysTable/HysTable.vue.js";
-import { default as mr } from "./components/HysTabs/HysTabs.vue.js";
-import { default as ur } from "./components/HysTagInput/HysTagInput.vue.js";
-import { default as yr } from "./components/HysTextarea/HysTextarea.vue.js";
-import { default as ir } from "./components/HysTimeline/HysTimeline.vue.js";
-import { default as Tr } from "./components/HysToast/HysToast.vue.js";
-import { default as Cr } from "./components/HysTooltip/HysTooltip.vue.js";
-import { default as Sr } from "./components/HysTour/HysTour.vue.js";
-import { default as Pr } from "./components/HysTransfer/HysTransfer.vue.js";
-import { default as kr } from "./components/HysTree/HysTree.vue.js";
-import { default as Er } from "./components/HysTreeSelect/HysTreeSelect.vue.js";
-import { default as Mr } from "./components/HysUpload/HysUpload.vue.js";
-import { default as Ar } from "./components/HysVirtualTable/HysVirtualTable.vue.js";
-import { provideHysConfig as Nr } from "./config.js";
-import { createHysToast as Br, useHysToast as Fr } from "./composables/useHysToast.js";
+import { default as m } from "./components/HysAutocomplete/HysAutocomplete.vue.js";
+import { default as u } from "./components/HysAvatar/HysAvatar.vue.js";
+import { default as y } from "./components/HysAvatarGroup/HysAvatarGroup.vue.js";
+import { default as i } from "./components/HysBadge/HysBadge.vue.js";
+import { default as c } from "./components/HysBreadcrumb/HysBreadcrumb.vue.js";
+import { default as C } from "./components/HysButton/HysButton.vue.js";
+import { default as g } from "./components/HysCalendar/HysCalendar.vue.js";
+import { default as P } from "./components/HysCalendarNavigation/HysCalendarNavigation.vue.js";
+import { default as k } from "./components/HysCard/HysCard.vue.js";
+import { default as v } from "./components/HysCascader/HysCascader.vue.js";
+import { default as D } from "./components/HysChart/HysChart.vue.js";
+import { default as R } from "./components/HysCheckbox/HysCheckbox.vue.js";
+import { default as I } from "./components/HysCheckboxGroup/HysCheckboxGroup.vue.js";
+import { default as N } from "./components/HysColorPicker/HysColorPicker.vue.js";
+import { default as B } from "./components/HysColorTokenEditor/HysColorTokenEditor.vue.js";
+import { default as z } from "./components/HysCommandPalette/HysCommandPalette.vue.js";
+import { default as K } from "./components/HysCommentEditor/HysCommentEditor.vue.js";
+import { default as O } from "./components/HysContextMenu/HysContextMenu.vue.js";
+import { default as j } from "./components/HysCronEditor/HysCronEditor.vue.js";
+import { default as Q } from "./components/HysDataGrid/HysDataGrid.vue.js";
+import { default as X } from "./components/HysDatePicker/HysDatePicker.vue.js";
+import { default as Z } from "./components/HysDateRangePicker/HysDateRangePicker.vue.js";
+import { default as $ } from "./components/HysDiffViewer/HysDiffViewer.vue.js";
+import { default as re } from "./components/HysDivider/HysDivider.vue.js";
+import { default as oe } from "./components/HysDrawer/HysDrawer.vue.js";
+import { default as se } from "./components/HysEmpty/HysEmpty.vue.js";
+import { default as le } from "./components/HysFileManager/HysFileManager.vue.js";
+import { default as me } from "./components/HysForm/HysForm.vue.js";
+import { default as ue } from "./components/HysFormItem/HysFormItem.vue.js";
+import { default as ye } from "./components/HysGantt/HysGantt.vue.js";
+import { default as ie } from "./components/HysInput/HysInput.vue.js";
+import { default as ce } from "./components/HysJsonEditor/HysJsonEditor.vue.js";
+import { default as Ce } from "./components/HysKanban/HysKanban.vue.js";
+import { default as ge } from "./components/HysMention/HysMention.vue.js";
+import { default as Pe } from "./components/HysModal/HysModal.vue.js";
+import { default as ke } from "./components/HysNotificationCenter/HysNotificationCenter.vue.js";
+import { default as ve } from "./components/HysNumberInput/HysNumberInput.vue.js";
+import { default as De } from "./components/HysOrgTree/HysOrgTree.vue.js";
+import { default as Re } from "./components/HysPagination/HysPagination.vue.js";
+import { default as Ie } from "./components/HysPermissionMatrix/HysPermissionMatrix.vue.js";
+import { default as Ne } from "./components/HysPopover/HysPopover.vue.js";
+import { default as Be } from "./components/HysProgress/HysProgress.vue.js";
+import { default as ze } from "./components/HysRadio/HysRadio.vue.js";
+import { default as Ke } from "./components/HysRadioGroup/HysRadioGroup.vue.js";
+import { default as Oe } from "./components/HysRating/HysRating.vue.js";
+import { default as je } from "./components/HysResizablePanel/HysResizablePanel.vue.js";
+import { default as Qe } from "./components/HysRichTextEditor/HysRichTextEditor.vue.js";
+import { default as Xe } from "./components/HysSearch/HysSearch.vue.js";
+import { default as Ze } from "./components/HysSegmented/HysSegmented.vue.js";
+import { default as $e } from "./components/HysSelect/HysSelect.vue.js";
+import { default as rr } from "./components/HysShortcutHelp/HysShortcutHelp.vue.js";
+import { default as or } from "./components/HysSkeleton/HysSkeleton.vue.js";
+import { default as sr } from "./components/HysSlider/HysSlider.vue.js";
+import { default as lr } from "./components/HysSortableList/HysSortableList.vue.js";
+import { default as mr } from "./components/HysSplitPane/HysSplitPane.vue.js";
+import { default as ur } from "./components/HysSteps/HysSteps.vue.js";
+import { default as yr } from "./components/HysSwitch/HysSwitch.vue.js";
+import { default as ir } from "./components/HysTable/HysTable.vue.js";
+import { default as cr } from "./components/HysTabs/HysTabs.vue.js";
+import { default as Cr } from "./components/HysTagInput/HysTagInput.vue.js";
+import { default as gr } from "./components/HysTextarea/HysTextarea.vue.js";
+import { default as Pr } from "./components/HysTimeline/HysTimeline.vue.js";
+import { default as kr } from "./components/HysToast/HysToast.vue.js";
+import { default as vr } from "./components/HysTooltip/HysTooltip.vue.js";
+import { default as Dr } from "./components/HysTour/HysTour.vue.js";
+import { default as Rr } from "./components/HysTransfer/HysTransfer.vue.js";
+import { default as Ir } from "./components/HysTree/HysTree.vue.js";
+import { default as Nr } from "./components/HysTreeSelect/HysTreeSelect.vue.js";
+import { default as Br } from "./components/HysUpload/HysUpload.vue.js";
+import { default as zr } from "./components/HysVirtualTable/HysVirtualTable.vue.js";
+import { provideHysConfig as Kr } from "./config.js";
+import { useHysFormItemContext as Or } from "./composables/formContext.js";
+import { createHysToast as jr, useHysToast as qr } from "./composables/useHysToast.js";
+import { createHysModal as Wr, useHysModal as Xr } from "./composables/useHysModal.js";
 export {
-  a as HysAccordion,
+  o as HysAccordion,
   s as HysAlert,
   l as HysAnimatedNumber,
-  m as HysAvatar,
-  u as HysBadge,
-  y as HysBreadcrumb,
-  i as HysButton,
-  T as HysCalendar,
-  C as HysCalendarNavigation,
-  S as HysCard,
-  P as HysCascader,
-  k as HysChart,
-  E as HysCheckbox,
-  M as HysColorPicker,
-  A as HysColorTokenEditor,
-  N as HysCommandPalette,
-  B as HysCommentEditor,
-  G as HysContextMenu,
-  z as HysCronEditor,
-  K as HysDataGrid,
-  O as HysDatePicker,
-  j as HysDateRangePicker,
-  Q as HysDiffViewer,
-  X as HysDivider,
-  Z as HysDrawer,
-  $ as HysEmpty,
-  re as HysFileManager,
-  ae as HysForm,
-  se as HysFormItem,
-  le as HysGantt,
-  me as HysInput,
-  ue as HysJsonEditor,
-  ye as HysKanban,
-  ie as HysMention,
-  Te as HysModal,
-  Ce as HysNotificationCenter,
-  Se as HysNumberInput,
-  Pe as HysOrgTree,
-  ke as HysPagination,
-  Ee as HysPermissionMatrix,
-  Me as HysPopover,
-  Ae as HysProgress,
-  Ne as HysRadioGroup,
-  Be as HysRating,
-  Ge as HysResizablePanel,
-  ze as HysRichTextEditor,
-  Ke as HysSearch,
-  Oe as HysSegmented,
-  je as HysSelect,
-  Qe as HysShortcutHelp,
-  Xe as HysSkeleton,
-  Ze as HysSlider,
-  $e as HysSortableList,
-  rr as HysSplitPane,
-  ar as HysSteps,
-  sr as HysSwitch,
-  lr as HysTable,
-  mr as HysTabs,
-  ur as HysTagInput,
-  yr as HysTextarea,
-  ir as HysTimeline,
-  Tr as HysToast,
-  Cr as HysTooltip,
-  Sr as HysTour,
-  Pr as HysTransfer,
-  kr as HysTree,
-  Er as HysTreeSelect,
-  Mr as HysUpload,
-  Ar as HysVirtualTable,
-  Br as createHysToast,
-  Nr as provideHysConfig,
-  Fr as useHysToast
+  m as HysAutocomplete,
+  u as HysAvatar,
+  y as HysAvatarGroup,
+  i as HysBadge,
+  c as HysBreadcrumb,
+  C as HysButton,
+  g as HysCalendar,
+  P as HysCalendarNavigation,
+  k as HysCard,
+  v as HysCascader,
+  D as HysChart,
+  R as HysCheckbox,
+  I as HysCheckboxGroup,
+  N as HysColorPicker,
+  B as HysColorTokenEditor,
+  z as HysCommandPalette,
+  K as HysCommentEditor,
+  O as HysContextMenu,
+  j as HysCronEditor,
+  Q as HysDataGrid,
+  X as HysDatePicker,
+  Z as HysDateRangePicker,
+  $ as HysDiffViewer,
+  re as HysDivider,
+  oe as HysDrawer,
+  se as HysEmpty,
+  le as HysFileManager,
+  me as HysForm,
+  ue as HysFormItem,
+  ye as HysGantt,
+  ie as HysInput,
+  ce as HysJsonEditor,
+  Ce as HysKanban,
+  ge as HysMention,
+  Pe as HysModal,
+  ke as HysNotificationCenter,
+  ve as HysNumberInput,
+  De as HysOrgTree,
+  Re as HysPagination,
+  Ie as HysPermissionMatrix,
+  Ne as HysPopover,
+  Be as HysProgress,
+  ze as HysRadio,
+  Ke as HysRadioGroup,
+  Oe as HysRating,
+  je as HysResizablePanel,
+  Qe as HysRichTextEditor,
+  Xe as HysSearch,
+  Ze as HysSegmented,
+  $e as HysSelect,
+  rr as HysShortcutHelp,
+  or as HysSkeleton,
+  sr as HysSlider,
+  lr as HysSortableList,
+  mr as HysSplitPane,
+  ur as HysSteps,
+  yr as HysSwitch,
+  ir as HysTable,
+  cr as HysTabs,
+  Cr as HysTagInput,
+  gr as HysTextarea,
+  Pr as HysTimeline,
+  kr as HysToast,
+  vr as HysTooltip,
+  Dr as HysTour,
+  Rr as HysTransfer,
+  Ir as HysTree,
+  Nr as HysTreeSelect,
+  Br as HysUpload,
+  zr as HysVirtualTable,
+  Wr as createHysModal,
+  jr as createHysToast,
+  Kr as provideHysConfig,
+  Or as useHysFormItemContext,
+  Xr as useHysModal,
+  qr as useHysToast
 };

package/dist/internal/PopupReference.js

@@ -0,0 +1,39 @@
+import { defineComponent as u, isVNode as g, Text as l, Comment as s, h as b, Fragment as f, cloneVNode as x } from "vue";
+const m = (n) => n.flatMap(
+  (e) => e.type === f ? m(e.children) : e.type === s || e.type === l && !String(e.children).trim() ? [] : [e]
+), k = u({
+  name: "HysPopupReference",
+  inheritAttrs: !1,
+  props: { id: String, open: Boolean, kind: String },
+  emits: ["element"],
+  setup(n, { slots: e, emit: h }) {
+    const y = (t) => {
+      const r = (t == null ? void 0 : t.$el) ?? t;
+      h("element", r instanceof HTMLElement ? r : void 0);
+    };
+    return () => {
+      var a, p, d, c;
+      const t = ((a = e.default) == null ? void 0 : a.call(e)) ?? [], r = m(t), i = r[0];
+      if (r.length !== 1 || !g(i) || i.type === l || i.type === s)
+        return b(f, null, t);
+      const o = (p = i.props) == null ? void 0 : p["aria-describedby"];
+      return x(
+        i,
+        {
+          ref: y,
+          ...n.kind === "tooltip" ? {
+            "aria-describedby": n.open ? [o, n.id].filter(Boolean).join(" ") : o
+          } : {
+            "aria-controls": n.open ? n.id : (d = i.props) == null ? void 0 : d["aria-controls"],
+            "aria-expanded": n.open,
+            "aria-haspopup": ((c = i.props) == null ? void 0 : c["aria-haspopup"]) ?? "dialog"
+          }
+        },
+        !0
+      );
+    };
+  }
+});
+export {
+  k as default
+};

package/dist/internal/PopupSurfacePanel.vue.js

@@ -0,0 +1,7 @@
+import o from "./PopupSurfacePanel2.vue.js";
+/* empty css                       */
+import p from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-1bdc76f1"]]);
+export {
+  f as default
+};

package/dist/internal/PopupSurfacePanel2.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent as m, provide as y, computed as p, openBlock as i, createBlock as b, Teleport as k, createVNode as h, unref as r, withCtx as w, withDirectives as P, createElementBlock as o, mergeProps as g, normalizeStyle as s, createCommentVNode as l, createElementVNode as E, normalizeClass as L, renderSlot as c, normalizeProps as d, guardReactiveProps as f, createTextVNode as S, toDisplayString as C, vShow as F } from "vue";
+import I from "../motion/PopupMotion.js";
+import { useHysRootAttrs as T } from "../config.js";
+import { overlayOwnerKey as N } from "../composables/overlayManager.js";
+const V = ["id", "role", "aria-label", "aria-labelledby", "data-side", "data-placement"], $ = ["id"], A = /* @__PURE__ */ m({
+  __name: "PopupSurfacePanel",
+  props: {
+    surface: {},
+    options: {},
+    kind: {},
+    title: {}
+  },
+  setup(e) {
+    const u = e;
+    y(
+      N,
+      p(() => u.surface.active.value && u.surface.open.value)
+    );
+    const v = T();
+    return (n, a) => e.surface.active.value ? (i(), b(k, {
+      key: 0,
+      to: e.surface.teleportTo.value,
+      disabled: e.options.appendTo === !1
+    }, [
+      h(r(I), {
+        "popup-transition": e.options.popupTransition,
+        "popup-transition-duration": e.options.popupTransitionDuration,
+        placement: e.surface.placement.value,
+        "ignore-owner": "",
+        onEntered: e.surface.afterEnter,
+        onLeft: e.surface.afterLeave,
+        onInactive: e.surface.inactive
+      }, {
+        default: w(() => [
+          e.surface.mounted.value ? P((i(), o("div", g({
+            key: 0,
+            id: e.surface.id,
+            ref: (t) => e.surface.panel.value = t
+          }, r(v), {
+            class: ["hys-ui-popup-surface-panel", [
+              e.kind === "tooltip" ? "hys-ui-tooltip-bubble hys-ui-floating-tooltip" : "hys-ui-popover-panel hys-ui-floating-surface",
+              e.options.overlayClass,
+              { "hys-ui-popup-enterable": e.options.enterable !== !1 }
+            ]],
+            style: e.surface.style.value,
+            role: e.kind === "tooltip" ? "tooltip" : "dialog",
+            "aria-label": e.options.ariaLabel || (e.kind === "popover" ? e.title || "浮层" : void 0),
+            "aria-labelledby": e.kind === "popover" && !e.options.ariaLabel && (e.title || n.$slots.title) ? e.surface.titleId : void 0,
+            "data-side": e.surface.placement.value.split("-")[0],
+            "data-placement": e.surface.placement.value,
+            onPointerenter: a[0] || (a[0] = //@ts-ignore
+            (...t) => e.surface.panelEnter && e.surface.panelEnter(...t)),
+            onPointerleave: a[1] || (a[1] = //@ts-ignore
+            (...t) => e.surface.panelLeave && e.surface.panelLeave(...t)),
+            onFocusin: a[2] || (a[2] = //@ts-ignore
+            (...t) => e.surface.panelFocusIn && e.surface.panelFocusIn(...t)),
+            onFocusout: a[3] || (a[3] = //@ts-ignore
+            (...t) => e.surface.panelFocusOut && e.surface.panelFocusOut(...t))
+          }), [
+            e.options.showArrow ? (i(), o("span", {
+              key: 0,
+              class: "hys-ui-popup-arrow",
+              style: s(e.surface.arrowStyle.value),
+              "aria-hidden": "true"
+            }, null, 4)) : l("", !0),
+            E("div", {
+              class: L(["hys-ui-popup-surface-content", e.options.contentClass]),
+              style: s(e.surface.contentStyle.value)
+            }, [
+              e.kind === "popover" && (e.title || n.$slots.title) ? (i(), o("div", {
+                key: 0,
+                id: e.surface.titleId,
+                class: "hys-ui-popup-surface-title"
+              }, [
+                c(n.$slots, "title", d(f(e.surface.scope.value)), () => [
+                  S(C(e.title), 1)
+                ], !0)
+              ], 8, $)) : l("", !0),
+              c(n.$slots, "default", d(f(e.surface.scope.value)), void 0, !0)
+            ], 6)
+          ], 16, V)), [
+            [F, e.surface.open.value]
+          ]) : l("", !0)
+        ]),
+        _: 3
+      }, 8, ["popup-transition", "popup-transition-duration", "placement", "onEntered", "onLeft", "onInactive"])
+    ], 8, ["to", "disabled"])) : l("", !0);
+  }
+});
+export {
+  A as default
+};

package/dist/motion/PopupMotion.js

@@ -0,0 +1,105 @@
+import { defineComponent as T, ref as x, inject as B, computed as p, watch as W, onMounted as C, onActivated as D, onDeactivated as O, onBeforeUnmount as k, h as H, Transition as N } from "vue";
+import { useHysRootAttrs as S } from "../config.js";
+import { overlayOwnerKey as j } from "../composables/overlayManager.js";
+const U = T({
+  name: "HysPopupMotion",
+  props: {
+    popupTransition: {
+      type: String,
+      default: void 0
+    },
+    popupTransitionDuration: { type: Number, default: void 0 },
+    placement: { type: String, default: "bottom-start" },
+    disabled: { type: Boolean, default: !1 },
+    ignoreOwner: { type: Boolean, default: !1 }
+  },
+  emits: ["inactive", "entered", "left"],
+  setup(i, { slots: A, emit: s }) {
+    var w;
+    const E = S(), l = x(!0), h = x(
+      typeof window < "u" && !!((w = window.matchMedia) != null && w.call(window, "(prefers-reduced-motion: reduce)").matches)
+    ), a = B(j, void 0);
+    let n, c = !1;
+    const v = p(() => i.popupTransition ?? "scale"), y = p(
+      () => Number.isFinite(i.popupTransitionDuration) ? Math.max(0, Math.min(2e3, i.popupTransitionDuration)) : 160
+    ), M = p(
+      () => l.value && (i.ignoreOwner || (a == null ? void 0 : a.value) !== !1)
+    ), L = p(
+      () => !i.disabled && v.value !== "none" && y.value > 0 && E.value["data-hys-motion"] !== "off" && !h.value
+    );
+    let o;
+    const d = /* @__PURE__ */ new WeakMap();
+    function f() {
+      h.value = !!(n != null && n.matches);
+    }
+    function m() {
+      var t;
+      c || (c = !0, n = (t = window.matchMedia) == null ? void 0 : t.call(window, "(prefers-reduced-motion: reduce)"), f(), n == null || n.addEventListener("change", f));
+    }
+    function g() {
+      c = !1, n == null || n.removeEventListener("change", f);
+    }
+    function u(t) {
+      const e = t, r = d.get(t);
+      r && (e.inert = r.inert, r.aria === null ? e.removeAttribute("aria-hidden") : e.setAttribute("aria-hidden", r.aria), e.style.pointerEvents = r.pointer, d.delete(t)), e.classList.add("hys-ui-popup-motion"), e.style.setProperty(
+        "--hys-ui-popup-duration",
+        y.value + "ms"
+      ), o = e, b(e);
+    }
+    function b(t) {
+      const e = i.placement;
+      t.style.setProperty(
+        "--hys-ui-popup-origin",
+        e.startsWith("top") ? "bottom center" : e.startsWith("left") ? "right center" : e.startsWith("right") ? "left center" : "top center"
+      ), t.style.setProperty(
+        "--hys-ui-popup-x",
+        e.startsWith("left") ? "6px" : e.startsWith("right") ? "-6px" : "0px"
+      ), t.style.setProperty(
+        "--hys-ui-popup-y",
+        e.startsWith("left") || e.startsWith("right") ? "0px" : e.startsWith("top") ? "6px" : "-6px"
+      );
+    }
+    function P(t) {
+      const e = t;
+      u(t), d.set(t, {
+        inert: e.inert,
+        aria: e.getAttribute("aria-hidden"),
+        pointer: e.style.pointerEvents
+      }), e.inert = !0, e.setAttribute("aria-hidden", "true"), e.style.pointerEvents = "none";
+    }
+    return W(
+      () => i.placement,
+      () => {
+        o != null && o.isConnected && b(o);
+      },
+      { flush: "post" }
+    ), C(m), D(() => {
+      l.value = !0, m();
+    }), O(() => {
+      l.value = !1, g(), s("inactive");
+    }), k(g), W(
+      () => a == null ? void 0 : a.value,
+      (t) => {
+        t === !1 && !i.ignoreOwner && s("inactive");
+      },
+      { flush: "sync" }
+    ), () => M.value ? H(
+      N,
+      {
+        name: "hys-ui-popup-" + v.value,
+        appear: !0,
+        css: L.value,
+        onAfterEnter: () => s("entered"),
+        onAfterLeave: () => s("left"),
+        onBeforeEnter: u,
+        onEnterCancelled: u,
+        onBeforeLeave: P,
+        onLeaveCancelled: u
+      },
+      A.default
+    ) : null;
+  }
+});
+export {
+  U as default
+};

package/dist/motion/popup.js

@@ -0,0 +1,10 @@
+function h(t) {
+  const i = t.getBoundingClientRect();
+  return {
+    width: t.offsetWidth || i.width,
+    height: t.offsetHeight || i.height
+  };
+}
+export {
+  h as popupSize
+};