@iris-ui-kit/vue 0.2.24 → 0.2.26

package/dist/floating.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/primitives/floating/useFloating.ts","../src/primitives/floating/useDismiss.ts"],"names":["ref","shallowRef","offsetMiddleware","flipMiddleware","shiftMiddleware","sizeMiddleware","arrowMiddleware","computePosition","watch","autoUpdate","onScopeDispose","computed"],"mappings":"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","file":"floating.cjs","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"]}
+{"version":3,"sources":["../src/primitives/floating/useFloating.ts","../src/primitives/floating/useDismiss.ts"],"names":["ref","shallowRef","offsetMiddleware","flipMiddleware","shiftMiddleware","sizeMiddleware","arrowMiddleware","computePosition","watch","autoUpdate","onScopeDispose","computed"],"mappings":"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","file":"floating.cjs","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  // True once the first positioning cycle lands. Until then the panel stays\n  // `visibility: hidden` so it never flashes at the viewport origin (0,0).\n  const positioned = ref(false)\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    positioned.value = true\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        positioned.value = false\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' | 'right' | 'bottom' | 'left' | 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    // Hidden until the first positioning cycle lands — prevents a flash at\n    // the viewport origin. visibility (not display:none) keeps the panel\n    // measurable so Floating UI can compute its real coordinates.\n    visibility: positioned.value ? 'visible' : 'hidden',\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   * Extra \"inside\" test for pointerdown targets — e.g. teleported sibling\n   * surfaces that belong to the same widget but live outside the excluded\n   * refs' DOM trees.\n   */\n  excludePredicate?: (target: EventTarget | null) => 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    if (options.excludePredicate?.(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"]}

package/dist/floating.d.cts

@@ -92,6 +92,12 @@ interface UseDismissOptions {
     escape?: boolean;
     /** Close on pointerdown outside the excluded elements. Default `true`. */
     outsidePointerDown?: boolean;
+    /**
+     * Extra "inside" test for pointerdown targets — e.g. teleported sibling
+     * surfaces that belong to the same widget but live outside the excluded
+     * refs' DOM trees.
+     */
+    excludePredicate?: (target: EventTarget | null) => boolean;
 }
 /**
  * Listen for the universal "dismiss" gestures: Escape key and outside

package/dist/floating.d.ts

@@ -92,6 +92,12 @@ interface UseDismissOptions {
     escape?: boolean;
     /** Close on pointerdown outside the excluded elements. Default `true`. */
     outsidePointerDown?: boolean;
+    /**
+     * Extra "inside" test for pointerdown targets — e.g. teleported sibling
+     * surfaces that belong to the same widget but live outside the excluded
+     * refs' DOM trees.
+     */
+    excludePredicate?: (target: EventTarget | null) => boolean;
 }
 /**
  * Listen for the universal "dismiss" gestures: Escape key and outside

package/dist/floating.js

@@ -1,4 +1,4 @@
 import './chunk-ROJV6RON.js';
-export { useDismiss, useFloating } from './chunk-3FJUCHCC.js';
+export { useDismiss, useFloating } from './chunk-IPR5JAVF.js';
 //# sourceMappingURL=floating.js.map
 //# sourceMappingURL=floating.js.map