@iris-ui-kit/vue 0.1.0

package/dist/behaviors.d.ts

@@ -0,0 +1,441 @@
+import * as vue from 'vue';
+import { PropType, VNode, Ref } from 'vue';
+
+type IrisResizableHandle = 'top' | 'right' | 'bottom' | 'left' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface IrisResizableSize {
+    width: number;
+    height: number;
+}
+/**
+ * Behavior wrapper: makes its child resizable via 8-direction handles. The
+ * wrapper itself is `display: inline-block; position: relative` so the child
+ * can be ANY element. Handles overlay the wrapper's edges.
+ *
+ * Composable with `IrisMovable`, `IrisHotkey`, `IrisClickOutside`.
+ *
+ * @example
+ *   <IrisResizable :defaultSize="{ width: 400, height: 300 }">
+ *     <IrisList :items="rows" />
+ *   </IrisResizable>
+ */
+declare const IrisResizable: vue.DefineComponent<vue.ExtractPropTypes<{
+    size: {
+        type: PropType<IrisResizableSize>;
+        default: undefined;
+    };
+    defaultSize: {
+        type: PropType<IrisResizableSize>;
+        default: () => {
+            width: number;
+            height: number;
+        };
+    };
+    handles: {
+        type: PropType<IrisResizableHandle[]>;
+        default: () => IrisResizableHandle[];
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepAspect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:size': (_v: IrisResizableSize) => true;
+    resizeStart: (_v: IrisResizableSize) => true;
+    resizeEnd: (_v: IrisResizableSize) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    size: {
+        type: PropType<IrisResizableSize>;
+        default: undefined;
+    };
+    defaultSize: {
+        type: PropType<IrisResizableSize>;
+        default: () => {
+            width: number;
+            height: number;
+        };
+    };
+    handles: {
+        type: PropType<IrisResizableHandle[]>;
+        default: () => IrisResizableHandle[];
+    };
+    minWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    keepAspect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onResizeStart?: ((_v: IrisResizableSize) => any) | undefined;
+    onResizeEnd?: ((_v: IrisResizableSize) => any) | undefined;
+    "onUpdate:size"?: ((_v: IrisResizableSize) => any) | undefined;
+}>, {
+    size: IrisResizableSize;
+    minWidth: number;
+    disabled: boolean;
+    maxHeight: number;
+    minHeight: number;
+    handles: IrisResizableHandle[];
+    maxWidth: number;
+    keepAspect: boolean;
+    defaultSize: IrisResizableSize;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface IrisMovablePosition {
+    x: number;
+    y: number;
+}
+interface IrisMovableBounds {
+    minX?: number;
+    maxX?: number;
+    minY?: number;
+    maxY?: number;
+}
+/**
+ * Behavior wrapper: makes its child draggable via `transform`. The whole
+ * wrapper drags by default; pass `byHandle` + put `data-iris-movable-handle`
+ * on a descendant to restrict the drag origin.
+ *
+ * Renders `position: absolute` — wrap inside a `position: relative`
+ * container for predictable layout.
+ */
+declare const IrisMovable: vue.DefineComponent<vue.ExtractPropTypes<{
+    position: {
+        type: PropType<IrisMovablePosition>;
+        default: undefined;
+    };
+    defaultPosition: {
+        type: PropType<IrisMovablePosition>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    bounds: {
+        type: PropType<IrisMovableBounds>;
+        default: () => {};
+    };
+    byHandle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:position': (_v: IrisMovablePosition) => true;
+    dragStart: (_v: IrisMovablePosition) => true;
+    dragEnd: (_v: IrisMovablePosition) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    position: {
+        type: PropType<IrisMovablePosition>;
+        default: undefined;
+    };
+    defaultPosition: {
+        type: PropType<IrisMovablePosition>;
+        default: () => {
+            x: number;
+            y: number;
+        };
+    };
+    bounds: {
+        type: PropType<IrisMovableBounds>;
+        default: () => {};
+    };
+    byHandle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onDragStart?: ((_v: IrisMovablePosition) => any) | undefined;
+    onDragEnd?: ((_v: IrisMovablePosition) => any) | undefined;
+    "onUpdate:position"?: ((_v: IrisMovablePosition) => any) | undefined;
+}>, {
+    disabled: boolean;
+    position: IrisMovablePosition;
+    bounds: IrisMovableBounds;
+    defaultPosition: IrisMovablePosition;
+    byHandle: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Behavior wrapper: binds a global keyboard shortcut while children are
+ * mounted. Renderless — returns children verbatim via a Fragment.
+ *
+ * `shortcut` format: `'Escape'`, `'Mod+s'` (Mod = Ctrl on Win/Linux, Cmd on
+ * macOS), `'Shift+/'`. Accepts a single string or array of strings.
+ *
+ * @example
+ *   <IrisHotkey shortcut="Escape" @trigger="close">
+ *     <IrisDialog>…</IrisDialog>
+ *   </IrisHotkey>
+ */
+declare const IrisHotkey: vue.DefineComponent<vue.ExtractPropTypes<{
+    shortcut: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowInInputs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scope: {
+        type: PropType<"document" | "window">;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    trigger: (_event: KeyboardEvent) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    shortcut: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowInInputs: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    scope: {
+        type: PropType<"document" | "window">;
+        default: string;
+    };
+}>> & Readonly<{
+    onTrigger?: ((_event: KeyboardEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    allowInInputs: boolean;
+    scope: "document" | "window";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Behavior wrapper: fires `outside` when a `pointerdown` happens outside the
+ * wrapped child tree. Wraps children in a `<span style="display:contents">`
+ * to capture the bounding box without affecting layout.
+ *
+ * Pass `ignore` (refs to additional "inside" elements) for trigger buttons
+ * that live outside the wrapper but should still count as inside.
+ */
+declare const IrisClickOutside: vue.DefineComponent<vue.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ignore: {
+        type: PropType<Ref<HTMLElement | null | undefined>[]>;
+        default: () => never[];
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    outside: (_event: PointerEvent) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ignore: {
+        type: PropType<Ref<HTMLElement | null | undefined>[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onOutside?: ((_event: PointerEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    ignore: Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>[];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+/** The data attribute on each sortable item for the collision system. */
+declare const SORTABLE_ITEM_ATTR = "data-iris-sortable-item";
+/**
+ * Behavior wrapper: makes a list of items sortable via drag-and-drop. Wraps
+ * each direct child in a sortable item context. The consumer supplies the
+ * `items` array and an `onReorder` callback. Items render through the default
+ * slot; each item is wrapped with drag detection from `createSortable`.
+ *
+ * Composable: stack with `IrisResizable` / `IrisMovable` / `IrisHotkey` for
+ * richer interactions on the same wrapped UI.
+ *
+ * @example
+ *   <IrisSortable :items="items" @reorder="items = $event">
+ *     <div v-for="(label, i) in items" :key="i">{{ label }}</div>
+ *   </IrisSortable>
+ */
+declare const IrisSortable: vue.DefineComponent<vue.ExtractPropTypes<{
+    /** The ordered items. Used to detect which item is at which position. */
+    items: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Called when the user drops an item in a new position. */
+    onReorder: {
+        type: PropType<(next: unknown[]) => void>;
+        default: undefined;
+    };
+    /** Optional item key getter. Defaults to `String(index)`. */
+    getKey: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    reorder: (_next: unknown[]) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /** The ordered items. Used to detect which item is at which position. */
+    items: {
+        type: PropType<readonly unknown[]>;
+        required: true;
+    };
+    /** Called when the user drops an item in a new position. */
+    onReorder: {
+        type: PropType<(next: unknown[]) => void>;
+        default: undefined;
+    };
+    /** Optional item key getter. Defaults to `String(index)`. */
+    getKey: {
+        type: PropType<(item: unknown, index: number) => string>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    style: {
+        type: PropType<Record<string, string | number>>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onReorder?: ((_next: unknown[]) => any) | undefined;
+}>, {
+    style: Record<string, string | number>;
+    disabled: boolean;
+    class: string;
+    onReorder: (next: unknown[]) => void;
+    getKey: (item: unknown, index: number) => string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+/**
+ * Behavior wrapper: fires `onLongPress` once the pointer has been held down
+ * for `holdDelay` ms without an intervening pointerup/pointerleave. Wraps
+ * children in a `<span data-iris-long-press style="display:contents">` so it
+ * doesn't affect layout. Backed by `createLongPress`'s statechart timer.
+ *
+ * @example
+ *   <IrisLongPress :hold-delay="500" @longpress="onLongPress">
+ *     <IrisButton>Hold me</IrisButton>
+ *   </IrisLongPress>
+ */
+declare const IrisLongPress: vue.DefineComponent<vue.ExtractPropTypes<{
+    /** Time the pointer must be held before `onLongPress` fires, in ms. */
+    holdDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Called once when the hold reaches `holdDelay` without an intervening release. */
+    onLongPress: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    longpress: () => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /** Time the pointer must be held before `onLongPress` fires, in ms. */
+    holdDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Called once when the hold reaches `holdDelay` without an intervening release. */
+    onLongPress: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onLongpress?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    holdDelay: number;
+    onLongPress: () => void;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, type IrisMovableBounds, type IrisMovablePosition, IrisResizable, type IrisResizableHandle, type IrisResizableSize, IrisSortable, SORTABLE_ITEM_ATTR };

package/dist/behaviors.js

@@ -0,0 +1,3 @@
+export { IrisClickOutside, IrisHotkey, IrisLongPress, IrisMovable, IrisResizable, IrisSortable, SORTABLE_ITEM_ATTR } from './chunk-CIZGSGXN.js';
+//# sourceMappingURL=behaviors.js.map
+//# sourceMappingURL=behaviors.js.map

package/dist/behaviors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"behaviors.js"}

package/dist/chunk-3FJUCHCC.js

@@ -0,0 +1,146 @@
+import { ref, shallowRef, watch, onScopeDispose, computed } from 'vue';
+import { offset, flip, shift, size, arrow, autoUpdate, computePosition } from '@floating-ui/dom';
+
+// src/primitives/floating/useFloating.ts
+function useFloating(options) {
+  const x = ref(0);
+  const y = ref(0);
+  const strategy = ref(options.strategy ?? "absolute");
+  const finalPlacement = ref(options.placement ?? "bottom");
+  const arrowX = ref();
+  const arrowY = ref();
+  const middleware = shallowRef([]);
+  rebuildMiddleware();
+  function rebuildMiddleware() {
+    const mw = [];
+    if (options.offset !== void 0) mw.push(offset(options.offset));
+    if (options.flip !== false) mw.push(flip());
+    if (options.shift !== false) mw.push(shift({ padding: 8 }));
+    if (options.size) {
+      const padding = typeof options.size === "number" ? options.size : 8;
+      mw.push(
+        size({
+          padding,
+          apply({ availableWidth, availableHeight, elements }) {
+            Object.assign(elements.floating.style, {
+              maxWidth: `${Math.max(0, Math.floor(availableWidth))}px`,
+              maxHeight: `${Math.max(0, Math.floor(availableHeight))}px`
+            });
+          }
+        })
+      );
+    }
+    if (options.arrow?.value) mw.push(arrow({ element: options.arrow.value }));
+    if (options.middleware) mw.push(...options.middleware);
+    middleware.value = mw;
+  }
+  let cleanupAutoUpdate = null;
+  let epoch = 0;
+  async function update() {
+    const a = options.anchor.value;
+    const f = options.floating.value;
+    if (!a || !f) return;
+    rebuildMiddleware();
+    const token = ++epoch;
+    const result = await computePosition(a, f, {
+      placement: options.placement ?? "bottom",
+      strategy: strategy.value,
+      middleware: middleware.value
+    });
+    if (token !== epoch) return;
+    x.value = result.x;
+    y.value = result.y;
+    finalPlacement.value = result.placement;
+    const arrowData = result.middlewareData.arrow;
+    arrowX.value = arrowData?.x;
+    arrowY.value = arrowData?.y;
+  }
+  watch(
+    [options.open, options.anchor, options.floating],
+    ([isOpen, anchorEl, floatingEl]) => {
+      cleanupAutoUpdate?.();
+      cleanupAutoUpdate = null;
+      epoch++;
+      if (isOpen && anchorEl && floatingEl) {
+        cleanupAutoUpdate = autoUpdate(anchorEl, floatingEl, () => {
+          void update();
+        });
+      }
+    },
+    { flush: "post", immediate: true }
+  );
+  onScopeDispose(() => {
+    cleanupAutoUpdate?.();
+    cleanupAutoUpdate = null;
+    epoch++;
+  });
+  const OPPOSITE = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  };
+  const arrowSide = computed(
+    () => OPPOSITE[finalPlacement.value.split("-")[0]]
+  );
+  const floatingStyles = computed(() => ({
+    position: strategy.value,
+    top: "0",
+    left: "0",
+    transform: `translate3d(${Math.round(x.value)}px, ${Math.round(y.value)}px, 0)`,
+    width: "max-content"
+  }));
+  return { x, y, strategy, finalPlacement, floatingStyles, update, arrowX, arrowY, arrowSide };
+}
+function useDismiss(options) {
+  const escape = options.escape !== false;
+  const outsidePointerDown = options.outsidePointerDown !== false;
+  const isExcluded = (target) => {
+    if (!target || !(target instanceof Node)) return false;
+    for (const r of options.exclude) {
+      const el = r.value;
+      if (!el) continue;
+      if (el === target || el.contains(target)) return true;
+    }
+    return false;
+  };
+  const onPointerDown = (event) => {
+    if (!options.enabled.value) return;
+    if (isExcluded(event.target)) return;
+    options.onDismiss();
+  };
+  const onKeyDown = (event) => {
+    if (!options.enabled.value) return;
+    if (event.key === "Escape") {
+      event.stopPropagation();
+      options.onDismiss();
+    }
+  };
+  const attach = () => {
+    if (typeof document === "undefined") return;
+    if (outsidePointerDown) {
+      document.addEventListener("pointerdown", onPointerDown, true);
+    }
+    if (escape) {
+      document.addEventListener("keydown", onKeyDown);
+    }
+  };
+  const detach = () => {
+    if (typeof document === "undefined") return;
+    document.removeEventListener("pointerdown", onPointerDown, true);
+    document.removeEventListener("keydown", onKeyDown);
+  };
+  watch(
+    options.enabled,
+    (enabled) => {
+      detach();
+      if (enabled) attach();
+    },
+    { immediate: true, flush: "post" }
+  );
+  onScopeDispose(detach);
+}
+
+export { useDismiss, useFloating };
+//# sourceMappingURL=chunk-3FJUCHCC.js.map
+//# sourceMappingURL=chunk-3FJUCHCC.js.map

package/dist/chunk-3FJUCHCC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/floating/useFloating.ts","../src/primitives/floating/useDismiss.ts"],"names":["offsetMiddleware","flipMiddleware","shiftMiddleware","sizeMiddleware","arrowMiddleware","watch","onScopeDispose"],"mappings":"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","file":"chunk-3FJUCHCC.js","sourcesContent":["import { computed, onScopeDispose, ref, shallowRef, watch, type ComputedRef, type Ref } from 'vue'\nimport {\n  autoUpdate,\n  computePosition,\n  arrow as arrowMiddleware,\n  flip as flipMiddleware,\n  offset as offsetMiddleware,\n  shift as shiftMiddleware,\n  size as sizeMiddleware,\n  type Middleware,\n  type Placement,\n  type Strategy,\n} from '@floating-ui/dom'\n\nexport interface UseFloatingOptions {\n  /** Element the floating panel is positioned relative to. */\n  anchor: Ref<HTMLElement | null | undefined>\n  /** The floating element itself. */\n  floating: Ref<HTMLElement | null | undefined>\n  /** Whether the floating element is visible. Controls `autoUpdate` lifecycle. */\n  open: Ref<boolean>\n  /** Default placement. Floating UI may flip it if `flip` is true. */\n  placement?: Placement\n  /** CSS position strategy. */\n  strategy?: Strategy\n  /** Pixel offset between anchor and floating element. */\n  offset?: number\n  /** Flip to the opposite side when the requested side overflows. Default `true`. */\n  flip?: boolean\n  /** Shift along the cross-axis to stay in view. Default `true`. */\n  shift?: boolean\n  /**\n   * Constrain the floating element to the available viewport space — sets\n   * `maxWidth`/`maxHeight` (minus 8px padding) on it so a long dropdown/popover\n   * never overflows the screen (pair with `overflow:auto` for scroll). Off by\n   * default. Pass a number to override the viewport padding.\n   */\n  size?: boolean | number\n  /** Extra Floating UI middleware to append. */\n  middleware?: Middleware[]\n  /**\n   * Optional ref to an arrow element inside the floating panel. When provided,\n   * `arrowX`, `arrowY`, and `arrowSide` in the return value are populated.\n   */\n  arrow?: Ref<HTMLElement | null | undefined>\n}\n\nexport interface UseFloatingReturn {\n  /** Computed x coordinate (px). */\n  x: Ref<number>\n  /** Computed y coordinate (px). */\n  y: Ref<number>\n  /** Final strategy (echo of input). */\n  strategy: Ref<Strategy>\n  /** Final placement, possibly flipped from the input placement. */\n  finalPlacement: Ref<Placement>\n  /** Ready-to-bind inline style object for the floating element. */\n  floatingStyles: ComputedRef<Record<string, string>>\n  /** Trigger a manual recompute. Usually not needed — `autoUpdate` handles scrolling/resizing. */\n  update: () => Promise<void>\n  /** Arrow x offset (px). Present when `arrow` option is set. */\n  arrowX: Ref<number | undefined>\n  /** Arrow y offset (px). Present when `arrow` option is set. */\n  arrowY: Ref<number | undefined>\n  /**\n   * Side of the floating element the arrow is on.\n   * E.g. `'bottom'` placement → `'top'` (arrow at top pointing up).\n   */\n  arrowSide: ComputedRef<'top' | 'right' | 'bottom' | 'left' | undefined>\n}\n\n/**\n * Reactive Floating UI integration. Subscribes `autoUpdate` whenever\n * `open === true` and both refs are populated; tears it down on close,\n * unmount, or ref clearing. Returns `floatingStyles` ready to be spread onto\n * the floating element.\n *\n * Pure positioning — does NOT render anything, does NOT manage focus,\n * does NOT handle dismiss behavior. Those concerns live in the consuming\n * primitive (Popover, Tooltip, Dialog, Menu, ...).\n *\n * @example\n *   const triggerEl = ref<HTMLElement | null>(null)\n *   const contentEl = ref<HTMLElement | null>(null)\n *   const open = ref(false)\n *   const { floatingStyles } = useFloating({\n *     anchor: triggerEl,\n *     floating: contentEl,\n *     open,\n *     placement: 'bottom-start',\n *     offset: 8,\n *   })\n */\nexport function useFloating(options: UseFloatingOptions): UseFloatingReturn {\n  const x = ref(0)\n  const y = ref(0)\n  const strategy = ref<Strategy>(options.strategy ?? 'absolute')\n  const finalPlacement = ref<Placement>(options.placement ?? 'bottom')\n  const arrowX = ref<number | undefined>()\n  const arrowY = ref<number | undefined>()\n\n  const middleware = shallowRef<Middleware[]>([])\n  rebuildMiddleware()\n\n  function rebuildMiddleware() {\n    const mw: Middleware[] = []\n    if (options.offset !== undefined) mw.push(offsetMiddleware(options.offset))\n    if (options.flip !== false) mw.push(flipMiddleware())\n    if (options.shift !== false) mw.push(shiftMiddleware({ padding: 8 }))\n    if (options.size) {\n      const padding = typeof options.size === 'number' ? options.size : 8\n      mw.push(\n        sizeMiddleware({\n          padding,\n          apply({ availableWidth, availableHeight, elements }) {\n            Object.assign(elements.floating.style, {\n              maxWidth: `${Math.max(0, Math.floor(availableWidth))}px`,\n              maxHeight: `${Math.max(0, Math.floor(availableHeight))}px`,\n            })\n          },\n        }),\n      )\n    }\n    if (options.arrow?.value) mw.push(arrowMiddleware({ element: options.arrow.value }))\n    if (options.middleware) mw.push(...options.middleware)\n    middleware.value = mw\n  }\n\n  let cleanupAutoUpdate: (() => void) | null = null\n  // Monotonic token bumped on every new positioning cycle and on teardown, so a\n  // computePosition() that resolves after the panel closed/re-opened (or after a\n  // newer update started) drops its result instead of applying stale coords.\n  let epoch = 0\n\n  async function update() {\n    const a = options.anchor.value\n    const f = options.floating.value\n    if (!a || !f) return\n    rebuildMiddleware()\n    const token = ++epoch\n    const result = await computePosition(a, f, {\n      placement: options.placement ?? 'bottom',\n      strategy: strategy.value,\n      middleware: middleware.value,\n    })\n    if (token !== epoch) return\n    x.value = result.x\n    y.value = result.y\n    finalPlacement.value = result.placement\n    const arrowData = result.middlewareData.arrow as { x?: number; y?: number } | undefined\n    arrowX.value = arrowData?.x\n    arrowY.value = arrowData?.y\n  }\n\n  watch(\n    [options.open, options.anchor, options.floating],\n    ([isOpen, anchorEl, floatingEl]) => {\n      cleanupAutoUpdate?.()\n      cleanupAutoUpdate = null\n      epoch++\n      if (isOpen && anchorEl && floatingEl) {\n        cleanupAutoUpdate = autoUpdate(anchorEl, floatingEl, () => {\n          void update()\n        })\n      }\n    },\n    { flush: 'post', immediate: true },\n  )\n\n  onScopeDispose(() => {\n    cleanupAutoUpdate?.()\n    cleanupAutoUpdate = null\n    epoch++\n  })\n\n  const OPPOSITE: Record<string, 'top' | 'right' | 'bottom' | 'left'> = {\n    top: 'bottom',\n    bottom: 'top',\n    left: 'right',\n    right: 'left',\n  }\n  const arrowSide = computed(\n    () =>\n      OPPOSITE[finalPlacement.value.split('-')[0]] as\n        | 'top'\n        | 'right'\n        | 'bottom'\n        | 'left'\n        | undefined,\n  )\n\n  const floatingStyles = computed<Record<string, string>>(() => ({\n    position: strategy.value,\n    top: '0',\n    left: '0',\n    transform: `translate3d(${Math.round(x.value)}px, ${Math.round(y.value)}px, 0)`,\n    width: 'max-content',\n  }))\n\n  return { x, y, strategy, finalPlacement, floatingStyles, update, arrowX, arrowY, arrowSide }\n}\n","import { onScopeDispose, watch, type Ref } from 'vue'\n\nexport interface UseDismissOptions {\n  /** While true, the dismiss listeners are active. */\n  enabled: Ref<boolean>\n  /** Elements that, if clicked, should NOT trigger dismiss (typically trigger + content). */\n  exclude: Array<Ref<HTMLElement | null | undefined>>\n  /** Called when the user attempts to dismiss the surface. */\n  onDismiss: () => void\n  /** Close on Escape key. Default `true`. */\n  escape?: boolean\n  /** Close on pointerdown outside the excluded elements. Default `true`. */\n  outsidePointerDown?: boolean\n}\n\n/**\n * Listen for the universal \"dismiss\" gestures: Escape key and outside\n * pointer-down. Used by Popover / Dialog / Menu / Combobox. Tooltip does\n * NOT use this — it dismisses on mouseleave/blur instead.\n *\n * Listeners are attached to `document` only while `enabled` is true, and\n * removed on disable / unmount. SSR-safe (no-op without `document`).\n */\nexport function useDismiss(options: UseDismissOptions): void {\n  const escape = options.escape !== false\n  const outsidePointerDown = options.outsidePointerDown !== false\n\n  const isExcluded = (target: EventTarget | null): boolean => {\n    if (!target || !(target instanceof Node)) return false\n    for (const r of options.exclude) {\n      const el = r.value\n      if (!el) continue\n      if (el === target || el.contains(target)) return true\n    }\n    return false\n  }\n\n  const onPointerDown = (event: PointerEvent) => {\n    if (!options.enabled.value) return\n    if (isExcluded(event.target)) return\n    options.onDismiss()\n  }\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (!options.enabled.value) return\n    if (event.key === 'Escape') {\n      event.stopPropagation()\n      options.onDismiss()\n    }\n  }\n\n  const attach = () => {\n    if (typeof document === 'undefined') return\n    if (outsidePointerDown) {\n      document.addEventListener('pointerdown', onPointerDown, true)\n    }\n    if (escape) {\n      document.addEventListener('keydown', onKeyDown)\n    }\n  }\n\n  const detach = () => {\n    if (typeof document === 'undefined') return\n    document.removeEventListener('pointerdown', onPointerDown, true)\n    document.removeEventListener('keydown', onKeyDown)\n  }\n\n  watch(\n    options.enabled,\n    (enabled) => {\n      detach()\n      if (enabled) attach()\n    },\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(detach)\n}\n"]}