@vielzeug/refine 1.1.1

package/dist/overlay/menu/menu.d.ts

@@ -0,0 +1,110 @@
+import type { ComponentSize } from '../../types';
+import { type DropdownCloseReason, type OverlayOpenDetail } from '../../headless';
+export interface MenuSelectDetail {
+    value: string;
+    checked?: boolean;
+}
+export type OreMenuItemType = 'checkbox' | 'radio';
+export type OreMenuEvents = {
+    close: {
+        reason: DropdownCloseReason;
+    };
+    open: OverlayOpenDetail;
+    select: MenuSelectDetail;
+};
+export type OreMenuItemProps = {
+    checked?: boolean;
+    disabled?: boolean;
+    type?: OreMenuItemType;
+    value?: string;
+};
+export type OreMenuProps = {
+    disabled?: boolean;
+    placement?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
+    size?: ComponentSize;
+};
+/**
+ * A selectable action item used inside `<ore-menu>`.
+ *
+ * @element ore-menu-item
+ *
+ * @attr {boolean} checked - Checked state for `checkbox` and `radio` item types
+ * @attr {boolean} disabled - Disables selection and pointer interaction
+ * @attr {'checkbox'|'radio'} type - Optional checkable menu item mode
+ * @attr {string} value - Value emitted by parent menu on selection
+ *
+ * @slot - Item label/content
+ * @slot icon - Optional leading icon content
+ *
+ * @cssprop --menu-item-hover-bg - Background on hover
+ * @cssprop --menu-item-focus-color - Text color when keyboard-focused
+ * @cssprop --menu-item-focus-bg - Background when keyboard-focused
+ * @cssprop --menu-item-selection-bg - Background for checkbox/radio items (unselected)
+ * @cssprop --menu-item-checked-color - Text color when checked
+ * @cssprop --menu-item-checked-bg - Background when checked
+ *
+ * @part item - Root item container element.
+ * @part item-label - Label text container.
+ * @part icon-slot - Leading icon slot container.
+ *
+ * @example
+ * ```html
+ * <ore-menu-item value="edit">Edit</ore-menu-item>
+ * <ore-menu-item value="delete" disabled>Delete</ore-menu-item>
+ * <ore-menu-item type="checkbox" value="wrap" checked>Word wrap</ore-menu-item>
+ * <ore-menu-item type="radio" value="left">Align left</ore-menu-item>
+ * ```
+ */
+export declare const MENU_ITEM_TAG: "ore-menu-item";
+/**
+ * Visual separator used to group menu items inside `<ore-menu>`.
+ *
+ * @element ore-menu-separator
+ *
+ * @example
+ * ```html
+ * <ore-menu-item value="cut">Cut</ore-menu-item>
+ * <ore-menu-separator></ore-menu-separator>
+ * <ore-menu-item value="paste">Paste</ore-menu-item>
+ * ```
+ */
+export declare const SEPARATOR_TAG: "ore-menu-separator";
+/**
+ * Action dropdown menu triggered by a slotted trigger element.
+ *
+ * @element ore-menu
+ * @element ore-menu-item - Clickable menu option (place in default slot)
+ * @element ore-menu-separator - Visual divider between menu groups
+ *
+ * @attr {boolean} disabled - Disables opening and keyboard interaction
+ * @attr {string} placement - Panel placement: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end' (default: 'bottom-start')
+ * @attr {string} size - Size: 'sm' | 'md' | 'lg'
+ *
+ * @fires open - Fired when the menu opens. detail: { reason: 'trigger' | 'programmatic' }
+ * @fires close - Fired when the menu closes. detail: { reason: 'escape' | 'outsideClick' | 'programmatic' | 'trigger' }
+ * @fires select - Fired when an item is selected. detail: { value: string, checked?: boolean }
+ *
+ * @slot trigger - Trigger element that toggles menu visibility
+ * @slot - Menu content (`<ore-menu-item>` and `<ore-menu-separator>`)
+ *
+ * @part panel - Floating menu panel container
+ *
+ * @cssprop --menu-panel-bg - Background of the floating panel
+ * @cssprop --menu-panel-border-color - Border color of the floating panel
+ * @cssprop --menu-panel-shadow - Box shadow of the floating panel
+ * @cssprop --menu-panel-blur - Backdrop blur amount for the floating panel
+ * @cssprop --menu-panel-min-width - Minimum width of the floating panel
+ * @cssprop --menu-panel-max-height - Maximum height of the floating panel before it scrolls
+ * @cssprop --menu-panel-radius - Border radius of the floating panel
+ *
+ * @example
+ * ```html
+ * <ore-menu>
+ *   <button slot="trigger">Actions</button>
+ *   <ore-menu-item value="edit">Edit</ore-menu-item>
+ *   <ore-menu-item value="delete">Delete</ore-menu-item>
+ * </ore-menu>
+ * ```
+ */
+export declare const MENU_TAG: "ore-menu";
+//# sourceMappingURL=menu.d.ts.map

package/dist/overlay/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/overlay/menu/menu.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AASxB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE;QAAE,MAAM,EAAE,mBAAmB,CAAA;KAAE,CAAC;IACvC,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,YAAY,GAAG,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;IACvF,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC;AAwDtD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAG,oBAA6B,CAAC;AAa3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}

package/dist/overlay/popover/popover.css?inline.cjs

@@ -0,0 +1,2 @@
+var e=`@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}`;exports.default=e;
+//# sourceMappingURL=popover.css?inline.cjs.map

package/dist/overlay/popover/popover.css?inline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.css?inline.cjs","names":[],"sources":["../../../src/overlay/popover/popover.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_panel-bg: var(--popover-bg, var(--color-canvas));\n    --_panel-blur: var(--popover-panel-blur, var(--blur-md));\n    --_panel-border-color: var(--popover-border-color, var(--color-divider));\n    --_panel-shadow: var(--popover-shadow, var(--shadow-xl));\n\n    position: relative;\n    display: inline-block;\n  }\n\n  .panel {\n    position: fixed;\n\n    /* Popover UA resets */\n    inset: unset;\n    box-sizing: border-box;\n    min-width: var(--popover-min-width, 12rem);\n    max-width: var(--popover-max-width, 24rem);\n    max-height: var(--popover-max-height, min(70vh, 32rem));\n    padding: 0;\n    margin: 0;\n    overflow: auto;\n    word-break: auto-phrase;\n    overflow-wrap: anywhere;\n    background: var(--_panel-bg);\n    border: var(--border) solid var(--_panel-border-color);\n    border-radius: var(--rounded-lg);\n    box-shadow: var(--_panel-shadow);\n\n    /* Hidden by default */\n    opacity: 0;\n    backdrop-filter: blur(var(--_panel-blur));\n    transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    transition:\n      opacity var(--transition-fast),\n      transform 200ms var(--ease-spring),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  .panel[data-open] {\n    display: block;\n  }\n\n  .panel:popover-open,\n  .panel[data-open] {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    }\n  }\n}\n"],"mappings":""}

package/dist/overlay/popover/popover.css?inline.js

@@ -0,0 +1,6 @@
+//#region src/overlay/popover/popover.css?inline
+var e = "@layer refine.base{:host{--_panel-bg:var(--popover-bg,var(--color-canvas));--_panel-blur:var(--popover-panel-blur,var(--blur-md));--_panel-border-color:var(--popover-border-color,var(--color-divider));--_panel-shadow:var(--popover-shadow,var(--shadow-xl));display:inline-block;position:relative}.panel{inset:unset;box-sizing:border-box;min-width:var(--popover-min-width,12rem);max-width:var(--popover-max-width,24rem);max-height:var(--popover-max-height,min(70vh, 32rem));word-break:auto-phrase;overflow-wrap:anywhere;background:var(--_panel-bg);border:var(--border) solid var(--_panel-border-color);border-radius:var(--rounded-lg);box-shadow:var(--_panel-shadow);opacity:0;-webkit-backdrop-filter:blur(var(--_panel-blur));backdrop-filter:blur(var(--_panel-blur));transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px);transition:opacity var(--transition-fast), transform .2s var(--ease-spring), display var(--transition-fast) allow-discrete, overlay var(--transition-fast) allow-discrete;margin:0;padding:0;position:fixed;overflow:auto}.panel[data-open]{opacity:1;display:block;transform:scale(1)translateY(0)}.panel:popover-open{opacity:1;transform:scale(1)translateY(0)}@starting-style{.panel:popover-open{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}@starting-style{.panel[data-open]{opacity:0;transform:scale(var(--overlay-enter-scale-dialog)) translateY(4px)}}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=popover.css?inline.js.map

package/dist/overlay/popover/popover.css?inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.css?inline.js","names":[],"sources":["../../../src/overlay/popover/popover.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_panel-bg: var(--popover-bg, var(--color-canvas));\n    --_panel-blur: var(--popover-panel-blur, var(--blur-md));\n    --_panel-border-color: var(--popover-border-color, var(--color-divider));\n    --_panel-shadow: var(--popover-shadow, var(--shadow-xl));\n\n    position: relative;\n    display: inline-block;\n  }\n\n  .panel {\n    position: fixed;\n\n    /* Popover UA resets */\n    inset: unset;\n    box-sizing: border-box;\n    min-width: var(--popover-min-width, 12rem);\n    max-width: var(--popover-max-width, 24rem);\n    max-height: var(--popover-max-height, min(70vh, 32rem));\n    padding: 0;\n    margin: 0;\n    overflow: auto;\n    word-break: auto-phrase;\n    overflow-wrap: anywhere;\n    background: var(--_panel-bg);\n    border: var(--border) solid var(--_panel-border-color);\n    border-radius: var(--rounded-lg);\n    box-shadow: var(--_panel-shadow);\n\n    /* Hidden by default */\n    opacity: 0;\n    backdrop-filter: blur(var(--_panel-blur));\n    transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    transition:\n      opacity var(--transition-fast),\n      transform 200ms var(--ease-spring),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  .panel[data-open] {\n    display: block;\n  }\n\n  .panel:popover-open,\n  .panel[data-open] {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    }\n  }\n}\n"],"mappings":""}

package/dist/overlay/popover/popover.d.ts

@@ -0,0 +1,56 @@
+import { type Placement } from '@vielzeug/orbit';
+import { type DialogCloseReason, type OverlayOpenReason } from '../../headless';
+export type PopoverTrigger = 'click' | 'focus' | 'hover';
+export type OrePopoverEvents = {
+    /** Emitted when the popover closes */
+    close: {
+        reason: DialogCloseReason;
+    };
+    /** Emitted when the popover opens */
+    open: {
+        reason: OverlayOpenReason;
+    };
+};
+/** Popover component properties */
+export type OrePopoverProps = {
+    /** Disable the popover */
+    disabled?: boolean;
+    /** Accessible label for the panel */
+    label?: string;
+    /** Gap between trigger and panel in px */
+    offset?: number;
+    /** Controlled open state */
+    open?: boolean;
+    /** Preferred placement relative to the trigger */
+    placement?: Placement;
+    /** Which trigger(s) open/close the popover */
+    trigger?: string;
+};
+/**
+ * A floating panel anchored to a trigger element.
+ *
+ * @element ore-popover
+ * @attr {string} placement - Preferred placement (default: 'bottom')
+ * @attr {string} trigger - 'click' | 'hover' | 'focus' (default: 'click')
+ * @attr {boolean} open - Controlled open state
+ * @attr {number} offset - Gap in px (default: 8)
+ * @attr {boolean} disabled - Disables the popover
+ * @attr {string} label - aria-label on the panel
+ * @fires open - When the panel opens. detail: { reason: string }
+ * @fires close - When the panel closes. detail: { reason: string }
+ * @slot - The trigger element
+ * @slot content - Panel content
+ * @part panel - Panel container.
+ *
+ * @example
+ * ```html
+ * <ore-popover placement="bottom" trigger="click">
+ *   <ore-button>Open info</ore-button>
+ *   <div slot="content">
+ *     <p>Popover body content goes here.</p>
+ *   </div>
+ * </ore-popover>
+ * ```
+ */
+export declare const POPOVER_TAG: "ore-popover";
+//# sourceMappingURL=popover.d.ts.map

package/dist/overlay/popover/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/overlay/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAuB,MAAM,gBAAgB,CAAC;AAMrG,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AASzD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,sCAAsC;IACtC,KAAK,EAAE;QAAE,MAAM,EAAE,iBAAiB,CAAA;KAAE,CAAC;IACrC,qCAAqC;IACrC,IAAI,EAAE;QAAE,MAAM,EAAE,iBAAiB,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,mCAAmC;AACnC,MAAM,MAAM,eAAe,GAAG;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,WAAW,EAAG,aAAsB,CAAC"}

package/dist/overlay/shared/await-exit.cjs

@@ -0,0 +1,2 @@
+function e(e,t,n=`animation`){typeof getComputedStyle==`function`&&getComputedStyle(e).opacity,queueMicrotask(()=>{let r=(typeof e.getAnimations==`function`?()=>e.getAnimations():()=>[])().filter(e=>n===`animation`?e instanceof CSSAnimation:n===`transition`?e instanceof CSSTransition:!1);if(r.length===0){t();return}let i=!1;Promise.allSettled(r.map(e=>e.finished)).then(()=>{i||(i=!0,t())})})}exports.awaitExit=e;
+//# sourceMappingURL=await-exit.cjs.map

package/dist/overlay/shared/await-exit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"await-exit.cjs","names":[],"sources":["../../../src/overlay/shared/await-exit.ts"],"sourcesContent":["/**\n * Waits for a CSS exit animation or transition to finish, then calls `onDone`.\n *\n * Uses the Web Animations API (`element.getAnimations()`) when available for\n * precise, synchronous detection. Falls back to a single microtask + immediate\n * call when no relevant animations are running (e.g. `prefers-reduced-motion`\n * or overridden styles).\n *\n * @param el   - The element whose animations/transitions to observe.\n * @param onDone - Callback invoked exactly once when all animations end.\n * @param type - `'animation'` (default) or `'transition'`.\n */\nexport function awaitExit(el: Element, onDone: () => void, type: 'animation' | 'transition' = 'animation'): void {\n  // Force a synchronous style recalc so that any CSS class changes applied\n  // immediately before this call (e.g. adding 'closing') are committed and\n  // CSSTransition / CSSAnimation instances appear in getAnimations().\n  // Reading getComputedStyle() is the lightest layout-flush trigger available;\n  // in jsdom it is a no-op stub so test timing is unaffected.\n  if (typeof getComputedStyle === 'function') void getComputedStyle(el).opacity;\n\n  queueMicrotask(() => {\n    const getAnimations = typeof el.getAnimations === 'function' ? () => el.getAnimations() : () => [];\n    const relevant = getAnimations().filter((a) => {\n      if (type === 'animation') return a instanceof CSSAnimation;\n\n      if (type === 'transition') return a instanceof CSSTransition;\n\n      return false;\n    });\n\n    if (relevant.length === 0) {\n      onDone();\n\n      return;\n    }\n\n    let done = false;\n    const finish = () => {\n      if (done) return;\n\n      done = true;\n      onDone();\n    };\n\n    // Resolve when ALL relevant animations are finished or cancelled.\n    Promise.allSettled(relevant.map((a) => a.finished)).then(finish);\n  });\n}\n"],"mappings":"AAYA,SAAgB,EAAU,EAAa,EAAoB,EAAmC,YAAmB,CAM3G,OAAO,kBAAqB,YAAY,iBAAsB,CAAE,CAAC,CAAC,QAEtE,mBAAqB,CAEnB,IAAM,GADgB,OAAO,EAAG,eAAkB,eAAmB,EAAG,cAAc,MAAU,CAAC,EAAA,CAClE,CAAC,CAAC,OAAQ,GACnC,IAAS,YAAoB,aAAa,aAE1C,IAAS,aAAqB,aAAa,cAExC,EACR,EAED,GAAI,EAAS,SAAW,EAAG,CACzB,EAAO,EAEP,MACF,CAEA,IAAI,EAAO,GASX,QAAQ,WAAW,EAAS,IAAK,GAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAR/B,CACf,IAEJ,EAAO,GACP,EAAO,EACT,CAG+D,CACjE,CAAC,CACH"}

package/dist/overlay/shared/await-exit.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Waits for a CSS exit animation or transition to finish, then calls `onDone`.
+ *
+ * Uses the Web Animations API (`element.getAnimations()`) when available for
+ * precise, synchronous detection. Falls back to a single microtask + immediate
+ * call when no relevant animations are running (e.g. `prefers-reduced-motion`
+ * or overridden styles).
+ *
+ * @param el   - The element whose animations/transitions to observe.
+ * @param onDone - Callback invoked exactly once when all animations end.
+ * @param type - `'animation'` (default) or `'transition'`.
+ */
+export declare function awaitExit(el: Element, onDone: () => void, type?: 'animation' | 'transition'): void;
+//# sourceMappingURL=await-exit.d.ts.map

package/dist/overlay/shared/await-exit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"await-exit.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/await-exit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,IAAI,GAAE,WAAW,GAAG,YAA0B,GAAG,IAAI,CAmC/G"}

package/dist/overlay/shared/await-exit.js

@@ -0,0 +1,18 @@
+//#region src/overlay/shared/await-exit.ts
+function e(e, t, n = "animation") {
+	typeof getComputedStyle == "function" && getComputedStyle(e).opacity, queueMicrotask(() => {
+		let r = (typeof e.getAnimations == "function" ? () => e.getAnimations() : () => [])().filter((e) => n === "animation" ? e instanceof CSSAnimation : n === "transition" ? e instanceof CSSTransition : !1);
+		if (r.length === 0) {
+			t();
+			return;
+		}
+		let i = !1;
+		Promise.allSettled(r.map((e) => e.finished)).then(() => {
+			i || (i = !0, t());
+		});
+	});
+}
+//#endregion
+export { e as awaitExit };
+
+//# sourceMappingURL=await-exit.js.map

package/dist/overlay/shared/await-exit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"await-exit.js","names":[],"sources":["../../../src/overlay/shared/await-exit.ts"],"sourcesContent":["/**\n * Waits for a CSS exit animation or transition to finish, then calls `onDone`.\n *\n * Uses the Web Animations API (`element.getAnimations()`) when available for\n * precise, synchronous detection. Falls back to a single microtask + immediate\n * call when no relevant animations are running (e.g. `prefers-reduced-motion`\n * or overridden styles).\n *\n * @param el   - The element whose animations/transitions to observe.\n * @param onDone - Callback invoked exactly once when all animations end.\n * @param type - `'animation'` (default) or `'transition'`.\n */\nexport function awaitExit(el: Element, onDone: () => void, type: 'animation' | 'transition' = 'animation'): void {\n  // Force a synchronous style recalc so that any CSS class changes applied\n  // immediately before this call (e.g. adding 'closing') are committed and\n  // CSSTransition / CSSAnimation instances appear in getAnimations().\n  // Reading getComputedStyle() is the lightest layout-flush trigger available;\n  // in jsdom it is a no-op stub so test timing is unaffected.\n  if (typeof getComputedStyle === 'function') void getComputedStyle(el).opacity;\n\n  queueMicrotask(() => {\n    const getAnimations = typeof el.getAnimations === 'function' ? () => el.getAnimations() : () => [];\n    const relevant = getAnimations().filter((a) => {\n      if (type === 'animation') return a instanceof CSSAnimation;\n\n      if (type === 'transition') return a instanceof CSSTransition;\n\n      return false;\n    });\n\n    if (relevant.length === 0) {\n      onDone();\n\n      return;\n    }\n\n    let done = false;\n    const finish = () => {\n      if (done) return;\n\n      done = true;\n      onDone();\n    };\n\n    // Resolve when ALL relevant animations are finished or cancelled.\n    Promise.allSettled(relevant.map((a) => a.finished)).then(finish);\n  });\n}\n"],"mappings":";AAYA,SAAgB,EAAU,GAAa,GAAoB,IAAmC,aAAmB;CAQ/G,AAFI,OAAO,oBAAqB,cAAY,iBAAsB,CAAE,CAAC,CAAC,SAEtE,qBAAqB;EAEnB,IAAM,KADgB,OAAO,EAAG,iBAAkB,mBAAmB,EAAG,cAAc,UAAU,CAAC,EAAA,CAClE,CAAC,CAAC,QAAQ,MACnC,MAAS,cAAoB,aAAa,eAE1C,MAAS,eAAqB,aAAa,gBAExC,EACR;EAED,IAAI,EAAS,WAAW,GAAG;GACzB,EAAO;GAEP;EACF;EAEA,IAAI,IAAO;EASX,QAAQ,WAAW,EAAS,KAAK,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,WAR/B;GACf,MAEJ,IAAO,IACP,EAAO;EACT,CAG+D;CACjE,CAAC;AACH"}

package/dist/overlay/shared/background-lock.cjs

@@ -0,0 +1,2 @@
+function e(){let e=0,t=[];return{lock(n){if(e===0){let e=n;for(;e.parentElement&&e.parentElement!==document.body;)e=e.parentElement;t=Array.from(document.body.children).filter(t=>t!==e&&!t.hasAttribute(`inert`));for(let e of t)e.setAttribute(`inert`,``)}e++},unlock(){if(e=Math.max(0,e-1),e===0){for(let e of t)e.removeAttribute(`inert`);t=[]}}}}exports.createBackgroundLock=e;
+//# sourceMappingURL=background-lock.cjs.map

package/dist/overlay/shared/background-lock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.cjs","names":[],"sources":["../../../src/overlay/shared/background-lock.ts"],"sourcesContent":["/**\n * Shared background-lock utility for overlay components (dialog, drawer, etc.).\n *\n * Uses a reference count so that multiple stacked overlays each call\n * lock / unlock independently without interfering with each other. The `inert`\n * attribute is applied once when the first overlay opens and removed once the\n * last one closes.\n *\n * The factory pattern (`createBackgroundLock`) provides test-isolated instances.\n * The module-level `lockBackground` / `unlockBackground` are the defaults used\n * by all runtime components.\n */\n\nexport type BackgroundLock = {\n  lock(host: Element): void;\n  unlock(): void;\n};\n\nexport function createBackgroundLock(): BackgroundLock {\n  let lockCount = 0;\n  let lockedEls: Element[] = [];\n\n  return {\n    lock(host: Element): void {\n      if (lockCount === 0) {\n        let ancestor: Element = host;\n\n        while (ancestor.parentElement && ancestor.parentElement !== document.body) {\n          ancestor = ancestor.parentElement;\n        }\n\n        lockedEls = Array.from(document.body.children).filter((el) => el !== ancestor && !el.hasAttribute('inert'));\n\n        for (const el of lockedEls) el.setAttribute('inert', '');\n      }\n\n      lockCount++;\n    },\n\n    unlock(): void {\n      lockCount = Math.max(0, lockCount - 1);\n\n      if (lockCount === 0) {\n        for (const el of lockedEls) el.removeAttribute('inert');\n        lockedEls = [];\n      }\n    },\n  };\n}\n\nconst _default = createBackgroundLock();\n\n/** Marks sibling elements as inert. Safe to call from multiple concurrent overlays. */\nexport const lockBackground = (host: Element): void => _default.lock(host);\n\n/** Releases the background lock. Removes inert when all overlays have closed. */\nexport const unlockBackground = (): void => _default.unlock();\n"],"mappings":"AAkBA,SAAgB,GAAuC,CACrD,IAAI,EAAY,EACZ,EAAuB,CAAC,EAE5B,MAAO,CACL,KAAK,EAAqB,CACxB,GAAI,IAAc,EAAG,CACnB,IAAI,EAAoB,EAExB,KAAO,EAAS,eAAiB,EAAS,gBAAkB,SAAS,MACnE,EAAW,EAAS,cAGtB,EAAY,MAAM,KAAK,SAAS,KAAK,QAAQ,CAAC,CAAC,OAAQ,GAAO,IAAO,GAAY,CAAC,EAAG,aAAa,OAAO,CAAC,EAE1G,IAAK,IAAM,KAAM,EAAW,EAAG,aAAa,QAAS,EAAE,CACzD,CAEA,GACF,EAEA,QAAe,CAGb,GAFA,EAAY,KAAK,IAAI,EAAG,EAAY,CAAC,EAEjC,IAAc,EAAG,CACnB,IAAK,IAAM,KAAM,EAAW,EAAG,gBAAgB,OAAO,EACtD,EAAY,CAAC,CACf,CACF,CACF,CACF"}

package/dist/overlay/shared/background-lock.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Shared background-lock utility for overlay components (dialog, drawer, etc.).
+ *
+ * Uses a reference count so that multiple stacked overlays each call
+ * lock / unlock independently without interfering with each other. The `inert`
+ * attribute is applied once when the first overlay opens and removed once the
+ * last one closes.
+ *
+ * The factory pattern (`createBackgroundLock`) provides test-isolated instances.
+ * The module-level `lockBackground` / `unlockBackground` are the defaults used
+ * by all runtime components.
+ */
+export type BackgroundLock = {
+    lock(host: Element): void;
+    unlock(): void;
+};
+export declare function createBackgroundLock(): BackgroundLock;
+/** Marks sibling elements as inert. Safe to call from multiple concurrent overlays. */
+export declare const lockBackground: (host: Element) => void;
+/** Releases the background lock. Removes inert when all overlays have closed. */
+export declare const unlockBackground: () => void;
+//# sourceMappingURL=background-lock.d.ts.map

package/dist/overlay/shared/background-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/background-lock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,MAAM,IAAI,IAAI,CAAC;CAChB,CAAC;AAEF,wBAAgB,oBAAoB,IAAI,cAAc,CA8BrD;AAID,uFAAuF;AACvF,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,KAAG,IAA2B,CAAC;AAE3E,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,QAAO,IAAyB,CAAC"}

package/dist/overlay/shared/background-lock.js

@@ -0,0 +1,25 @@
+//#region src/overlay/shared/background-lock.ts
+function e() {
+	let e = 0, t = [];
+	return {
+		lock(n) {
+			if (e === 0) {
+				let e = n;
+				for (; e.parentElement && e.parentElement !== document.body;) e = e.parentElement;
+				t = Array.from(document.body.children).filter((t) => t !== e && !t.hasAttribute("inert"));
+				for (let e of t) e.setAttribute("inert", "");
+			}
+			e++;
+		},
+		unlock() {
+			if (e = Math.max(0, e - 1), e === 0) {
+				for (let e of t) e.removeAttribute("inert");
+				t = [];
+			}
+		}
+	};
+}
+//#endregion
+export { e as createBackgroundLock };
+
+//# sourceMappingURL=background-lock.js.map

package/dist/overlay/shared/background-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background-lock.js","names":[],"sources":["../../../src/overlay/shared/background-lock.ts"],"sourcesContent":["/**\n * Shared background-lock utility for overlay components (dialog, drawer, etc.).\n *\n * Uses a reference count so that multiple stacked overlays each call\n * lock / unlock independently without interfering with each other. The `inert`\n * attribute is applied once when the first overlay opens and removed once the\n * last one closes.\n *\n * The factory pattern (`createBackgroundLock`) provides test-isolated instances.\n * The module-level `lockBackground` / `unlockBackground` are the defaults used\n * by all runtime components.\n */\n\nexport type BackgroundLock = {\n  lock(host: Element): void;\n  unlock(): void;\n};\n\nexport function createBackgroundLock(): BackgroundLock {\n  let lockCount = 0;\n  let lockedEls: Element[] = [];\n\n  return {\n    lock(host: Element): void {\n      if (lockCount === 0) {\n        let ancestor: Element = host;\n\n        while (ancestor.parentElement && ancestor.parentElement !== document.body) {\n          ancestor = ancestor.parentElement;\n        }\n\n        lockedEls = Array.from(document.body.children).filter((el) => el !== ancestor && !el.hasAttribute('inert'));\n\n        for (const el of lockedEls) el.setAttribute('inert', '');\n      }\n\n      lockCount++;\n    },\n\n    unlock(): void {\n      lockCount = Math.max(0, lockCount - 1);\n\n      if (lockCount === 0) {\n        for (const el of lockedEls) el.removeAttribute('inert');\n        lockedEls = [];\n      }\n    },\n  };\n}\n\nconst _default = createBackgroundLock();\n\n/** Marks sibling elements as inert. Safe to call from multiple concurrent overlays. */\nexport const lockBackground = (host: Element): void => _default.lock(host);\n\n/** Releases the background lock. Removes inert when all overlays have closed. */\nexport const unlockBackground = (): void => _default.unlock();\n"],"mappings":";AAkBA,SAAgB,IAAuC;CACrD,IAAI,IAAY,GACZ,IAAuB,CAAC;CAE5B,OAAO;EACL,KAAK,GAAqB;GACxB,IAAI,MAAc,GAAG;IACnB,IAAI,IAAoB;IAExB,OAAO,EAAS,iBAAiB,EAAS,kBAAkB,SAAS,OACnE,IAAW,EAAS;IAGtB,IAAY,MAAM,KAAK,SAAS,KAAK,QAAQ,CAAC,CAAC,QAAQ,MAAO,MAAO,KAAY,CAAC,EAAG,aAAa,OAAO,CAAC;IAE1G,KAAK,IAAM,KAAM,GAAW,EAAG,aAAa,SAAS,EAAE;GACzD;GAEA;EACF;EAEA,SAAe;GAGb,IAFA,IAAY,KAAK,IAAI,GAAG,IAAY,CAAC,GAEjC,MAAc,GAAG;IACnB,KAAK,IAAM,KAAM,GAAW,EAAG,gBAAgB,OAAO;IACtD,IAAY,CAAC;GACf;EACF;CACF;AACF"}

package/dist/overlay/shared/use-dialog.cjs

@@ -0,0 +1,2 @@
+const e=require("../../headless/ore.cjs"),t=require("../../headless/overlay.cjs"),n=require("../../headless/focus.cjs"),r=require("./await-exit.cjs"),i=require("./background-lock.cjs");let a=require("@vielzeug/ripple");function o(o){let s=e.lifecycleSignal(o.onCleanup),c=(0,a.signal)(!1),l=`programmatic`,u=i.createBackgroundLock(),d=!1,f=n.createFocusManager({getInitialFocusSelector:()=>o.initialFocus.value,getReturnFocus:()=>o.returnFocus.value,host:o.host}),p=()=>{let e=o.dialogRef.value;if(!e?.open||d)return;d=!0,e.classList.add(`closing`);let t=()=>{e.close(),d=!1},n=o.getPanelEl();n?r.awaitExit(n,t,`transition`):t()},m=e=>o.host.dispatchEvent(new CustomEvent(`close-request`,{bubbles:!0,cancelable:!0,composed:!0,detail:{reason:e,...o.closeRequestDetail?.(e)}})),h=t.createOverlayControl({getBoundary:()=>o.host,getPanel:()=>{let e=o.getPanelEl();return e instanceof HTMLElement?e:null},isOpen:()=>c.value,onOpen:o.onOpen,setOpen:(e,t)=>{let n=o.dialogRef.value;if(n){if(e){if(n.open)return;n.classList.remove(`closing`),f.captureReturnFocus(),o.beforeOpen?.(n),n.showModal(),u.lock(o.host),f.applyInitialFocus(),c.value=!0;return}if(n.open){l=t,(o.performClose??(e=>e.close()))(n,t);return}c.value=!1}},signal:s}),g=e=>{m(e)&&h.close(e,!1)};o.host.addEventListener(`command`,e=>{let t=e.command;t===`show-modal`?h.open(`trigger`):(t===`close`||t===`request-close`)&&g(`trigger`)},{signal:s});let _=e=>{e.preventDefault(),!o.isPersistent()&&g(`escape`)},v=e=>{o.isPersistent()||e.target===o.dialogRef.value&&g(`outsideClick`)},y=()=>{u.unlock(),o.host.removeAttribute(`open`),c.value=!1,f.restoreFocus();let e=l;l=`programmatic`,o.onNativeClose?.(e)},b=()=>{let e=o.dialogRef.value;e&&o.onEvent(e,`close`,y),(0,a.watch)(o.openProp,e=>{e?h.open(`programmatic`):h.close(`programmatic`,!1)},{immediate:!0})};return{closeWithAnimation:p,dispatchCloseRequest:m,handleBackdropClick:v,handleCancel:_,isOpen:c,overlay:h,requestClose:g,setupNativeListeners:()=>{let e=o.dialogRef.value;e&&(b(),o.onEvent(e,`click`,v),o.onEvent(e,`cancel`,_))},watchOpenProp:b}}exports.useDialogControl=o;
+//# sourceMappingURL=use-dialog.cjs.map

package/dist/overlay/shared/use-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog.cjs","names":[],"sources":["../../../src/overlay/shared/use-dialog.ts"],"sourcesContent":["import { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  lifecycleSignal,\n  createOverlayControl,\n  type DialogCloseReason,\n  type OverlayControl,\n  type OverlayOpenReason,\n} from '../../headless';\nimport { createFocusManager } from '../../headless/focus';\nimport { awaitExit } from './await-exit';\nimport { createBackgroundLock } from './background-lock';\n\n// Invoker Commands API — not yet in lib.dom.d.ts\ninterface CommandEvent extends Event {\n  command: string;\n}\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type UseDialogOptions = {\n  /** Called after showModal() but before isOpen = true. Use to clear drag styles etc. */\n  beforeOpen?: (dialog: HTMLDialogElement) => void;\n  /** Extra properties merged into the `close-request` custom event detail. */\n  closeRequestDetail?: (reason: Exclude<DialogCloseReason, 'programmatic'>) => Record<string, unknown>;\n  dialogRef: { value: HTMLDialogElement | null | undefined };\n  getPanelEl: () => HTMLElement | null | undefined;\n  host: HTMLElement;\n  initialFocus: Readable<string | undefined>;\n  isPersistent: () => boolean;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /**\n   * Scoped event listener registrar from the component setup ctx.\n   * Automatically removed on component disconnect.\n   */\n  onEvent: <K extends keyof HTMLElementEventMap>(\n    target: EventTarget | null | undefined,\n    event: K,\n    listener: (e: HTMLElementEventMap[K]) => void,\n    options?: AddEventListenerOptions,\n  ) => void;\n  /**\n   * Called after the native `close` event fires — after background unlock,\n   * isOpen reset, and focus restore. Use to emit component events.\n   */\n  onNativeClose?: (reason: DialogCloseReason) => void;\n  /** Called by the overlay on open. Use to emit events. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Open prop from the component — drives programmatic open/close via watch. */\n  openProp: Readable<boolean | undefined>;\n  /**\n   * Called by the overlay when closing. Orchestrates the close animation.\n   * Default: `dialog.close()`. Override in dialog.ts to add the CSS exit animation.\n   */\n  performClose?: (dialog: HTMLDialogElement, reason: DialogCloseReason) => void;\n  returnFocus: Readable<boolean | undefined>;\n};\n\nexport type UseDialogHandle = {\n  closeWithAnimation: () => void;\n  /**\n   * Dispatch a cancelable `close-request` event on the host. Returns true when\n   * the close is allowed (event not prevented), false when it was cancelled.\n   */\n  dispatchCloseRequest: (reason: Exclude<DialogCloseReason, 'programmatic'>) => boolean;\n  handleBackdropClick: (e: MouseEvent) => void;\n  handleCancel: (e: Event) => void;\n  isOpen: Signal<boolean>;\n  /** The overlay control — open/close/toggle/dispose. */\n  overlay: OverlayControl;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n  /**\n   * Registers the open-prop watcher AND standard click/cancel event listeners on\n   * the dialog element (backdrop click-to-close, Escape via the native `cancel`\n   * event). Use for components that need standard dialog behavior.\n   * Call inside `onMounted()`.\n   */\n  setupNativeListeners: () => void;\n  /**\n   * Registers only the open-prop watcher (without adding click/cancel listeners).\n   * Use for components like drawer that register their own event handlers.\n   * Call inside `onMounted()`.\n   */\n  watchOpenProp: () => void;\n};\n\n// ── Factory ───────────────────────────────────────────────────────────────────\n\n/**\n * Shared dialog-control composable for `ore-dialog` and `ore-drawer`.\n *\n * Owns: `isOpen`, close-reason tracking, focus management, `overlay`,\n * `requestClose`, background lock/unlock, and the `close` event handler.\n * Components supply only their unique behavior via callbacks and `onNativeClose`.\n */\nexport function useDialogControl(options: UseDialogOptions): UseDialogHandle {\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const isOpen = signal(false);\n  // Internal close-reason: set atomically before dialog.close() fires.\n  let pendingCloseReason: DialogCloseReason = 'programmatic';\n  const bgLock = createBackgroundLock();\n  let isClosing = false;\n\n  // ── Focus management ──────────────────────────────────────────────────────\n  const focus = createFocusManager({\n    getInitialFocusSelector: () => options.initialFocus.value,\n    getReturnFocus: () => options.returnFocus.value,\n    host: options.host,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  const closeWithAnimation = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog?.open || isClosing) return;\n\n    isClosing = true;\n    dialog.classList.add('closing');\n\n    const finish = () => {\n      dialog.close();\n      // Do NOT remove 'closing' here — removing it while the native ::backdrop is\n      // still held in the top layer by the 'overlay allow-discrete' transition\n      // would revert its opacity to 1 and cause a visible flash. The class is\n      // cleaned up at the start of the next open cycle (see setOpen below).\n      isClosing = false;\n    };\n\n    const panel = options.getPanelEl();\n\n    if (panel) {\n      awaitExit(panel, finish, 'transition');\n    } else {\n      finish();\n    }\n  };\n\n  const dispatchCloseRequest = (reason: Exclude<DialogCloseReason, 'programmatic'>): boolean => {\n    return options.host.dispatchEvent(\n      new CustomEvent('close-request', {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: { reason, ...options.closeRequestDetail?.(reason) },\n      }),\n    );\n  };\n\n  const overlay = createOverlayControl({\n    getBoundary: () => options.host,\n    getPanel: () => {\n      const panel = options.getPanelEl();\n\n      return panel instanceof HTMLElement ? panel : null;\n    },\n    isOpen: () => isOpen.value,\n    onOpen: options.onOpen,\n    setOpen: (next, reason) => {\n      const dialog = options.dialogRef.value;\n\n      if (!dialog) return;\n\n      if (next) {\n        if (dialog.open) return;\n\n        // Clean up any leftover 'closing' class from the previous close animation\n        // before opening so the entry @starting-style and transition work correctly.\n        dialog.classList.remove('closing');\n        focus.captureReturnFocus();\n        options.beforeOpen?.(dialog);\n        dialog.showModal();\n        bgLock.lock(options.host);\n        focus.applyInitialFocus();\n        isOpen.value = true;\n\n        return;\n      }\n\n      if (dialog.open) {\n        // Capture reason before calling performClose so handleNativeClose can read it.\n        pendingCloseReason = reason as DialogCloseReason;\n\n        const performClose = options.performClose ?? ((d) => d.close());\n\n        performClose(dialog, reason as DialogCloseReason);\n\n        return;\n      }\n\n      isOpen.value = false;\n    },\n    signal: abortSignal,\n  });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason, false);\n  };\n\n  // Invoker Commands API — allows declarative open/close from outside the component:\n  //   <button commandfor=\"ore-dialog-id\" command=\"show-modal\">Open</button>\n  //   <button commandfor=\"ore-dialog-id\" command=\"close\">Close</button>\n  options.host.addEventListener(\n    'command',\n    (e: Event) => {\n      const cmd = (e as CommandEvent).command;\n\n      if (cmd === 'show-modal') overlay.open('trigger');\n      else if (cmd === 'close' || cmd === 'request-close') requestClose('trigger');\n    },\n    { signal: abortSignal },\n  );\n\n  // The native `<dialog>` element auto-closes on Escape via its own close-watcher, which\n  // dispatches a cancelable `cancel` event before `close`. Suppressing/redirecting that is the\n  // spec-correct hook — relying on `keydown`'s `preventDefault()` to stop the close-watcher is\n  // implementation-specific, not guaranteed across browsers.\n  const handleCancel = (e: Event): void => {\n    e.preventDefault();\n\n    if (options.isPersistent()) return;\n\n    requestClose('escape');\n  };\n\n  const handleBackdropClick = (e: MouseEvent): void => {\n    if (options.isPersistent()) return;\n\n    if (e.target === options.dialogRef.value) requestClose('outsideClick');\n  };\n\n  // ── Internal native close handler ─────────────────────────────────────────\n  const handleNativeClose = (): void => {\n    bgLock.unlock();\n    options.host.removeAttribute('open');\n    isOpen.value = false;\n    focus.restoreFocus();\n\n    const reason = pendingCloseReason;\n\n    pendingCloseReason = 'programmatic';\n    options.onNativeClose?.(reason);\n  };\n\n  const watchOpenProp = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (dialog) options.onEvent(dialog, 'close', handleNativeClose);\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic', false);\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  const setupNativeListeners = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    watchOpenProp();\n    options.onEvent(dialog, 'click', handleBackdropClick);\n    options.onEvent(dialog, 'cancel', handleCancel);\n  };\n\n  return {\n    closeWithAnimation,\n    dispatchCloseRequest,\n    handleBackdropClick,\n    handleCancel,\n    isOpen,\n    overlay,\n    requestClose,\n    setupNativeListeners,\n    watchOpenProp,\n  };\n}\n"],"mappings":"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"}

package/dist/overlay/shared/use-dialog.d.ts

@@ -0,0 +1,76 @@
+import { type Readable, type Signal } from '@vielzeug/ripple';
+import { type DialogCloseReason, type OverlayControl, type OverlayOpenReason } from '../../headless';
+export type UseDialogOptions = {
+    /** Called after showModal() but before isOpen = true. Use to clear drag styles etc. */
+    beforeOpen?: (dialog: HTMLDialogElement) => void;
+    /** Extra properties merged into the `close-request` custom event detail. */
+    closeRequestDetail?: (reason: Exclude<DialogCloseReason, 'programmatic'>) => Record<string, unknown>;
+    dialogRef: {
+        value: HTMLDialogElement | null | undefined;
+    };
+    getPanelEl: () => HTMLElement | null | undefined;
+    host: HTMLElement;
+    initialFocus: Readable<string | undefined>;
+    isPersistent: () => boolean;
+    /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */
+    onCleanup: (fn: () => void) => void;
+    /**
+     * Scoped event listener registrar from the component setup ctx.
+     * Automatically removed on component disconnect.
+     */
+    onEvent: <K extends keyof HTMLElementEventMap>(target: EventTarget | null | undefined, event: K, listener: (e: HTMLElementEventMap[K]) => void, options?: AddEventListenerOptions) => void;
+    /**
+     * Called after the native `close` event fires — after background unlock,
+     * isOpen reset, and focus restore. Use to emit component events.
+     */
+    onNativeClose?: (reason: DialogCloseReason) => void;
+    /** Called by the overlay on open. Use to emit events. */
+    onOpen?: (reason: OverlayOpenReason) => void;
+    /** Open prop from the component — drives programmatic open/close via watch. */
+    openProp: Readable<boolean | undefined>;
+    /**
+     * Called by the overlay when closing. Orchestrates the close animation.
+     * Default: `dialog.close()`. Override in dialog.ts to add the CSS exit animation.
+     */
+    performClose?: (dialog: HTMLDialogElement, reason: DialogCloseReason) => void;
+    returnFocus: Readable<boolean | undefined>;
+};
+export type UseDialogHandle = {
+    closeWithAnimation: () => void;
+    /**
+     * Dispatch a cancelable `close-request` event on the host. Returns true when
+     * the close is allowed (event not prevented), false when it was cancelled.
+     */
+    dispatchCloseRequest: (reason: Exclude<DialogCloseReason, 'programmatic'>) => boolean;
+    handleBackdropClick: (e: MouseEvent) => void;
+    handleCancel: (e: Event) => void;
+    isOpen: Signal<boolean>;
+    /** The overlay control — open/close/toggle/dispose. */
+    overlay: OverlayControl;
+    /**
+     * Dispatch `close-request`; if allowed, call `overlay.close()`.
+     */
+    requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;
+    /**
+     * Registers the open-prop watcher AND standard click/cancel event listeners on
+     * the dialog element (backdrop click-to-close, Escape via the native `cancel`
+     * event). Use for components that need standard dialog behavior.
+     * Call inside `onMounted()`.
+     */
+    setupNativeListeners: () => void;
+    /**
+     * Registers only the open-prop watcher (without adding click/cancel listeners).
+     * Use for components like drawer that register their own event handlers.
+     * Call inside `onMounted()`.
+     */
+    watchOpenProp: () => void;
+};
+/**
+ * Shared dialog-control composable for `ore-dialog` and `ore-drawer`.
+ *
+ * Owns: `isOpen`, close-reason tracking, focus management, `overlay`,
+ * `requestClose`, background lock/unlock, and the `close` event handler.
+ * Components supply only their unique behavior via callbacks and `onNativeClose`.
+ */
+export declare function useDialogControl(options: UseDialogOptions): UseDialogHandle;
+//# sourceMappingURL=use-dialog.d.ts.map

package/dist/overlay/shared/use-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/use-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAGL,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAYxB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uFAAuF;IACvF,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,4EAA4E;IAC5E,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrG,SAAS,EAAE;QAAE,KAAK,EAAE,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAC3D,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,0FAA0F;IAC1F,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACpC;;;OAGG;IACH,OAAO,EAAE,CAAC,CAAC,SAAS,MAAM,mBAAmB,EAC3C,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EACtC,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,IAAI,EAC7C,OAAO,CAAC,EAAE,uBAAuB,KAC9B,IAAI,CAAC;IACV;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACpD,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,+EAA+E;IAC/E,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9E,WAAW,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;;OAGG;IACH,oBAAoB,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,KAAK,OAAO,CAAC;IACtF,mBAAmB,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACxB,uDAAuD;IACvD,OAAO,EAAE,cAAc,CAAC;IACxB;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E;;;;;OAKG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,CA+L3E"}

package/dist/overlay/shared/use-dialog.js

@@ -0,0 +1,92 @@
+import { lifecycleSignal as e } from "../../headless/ore.js";
+import { createOverlayControl as t } from "../../headless/overlay.js";
+import { createFocusManager as n } from "../../headless/focus.js";
+import { awaitExit as r } from "./await-exit.js";
+import { createBackgroundLock as i } from "./background-lock.js";
+import { signal as a, watch as o } from "@vielzeug/ripple";
+//#region src/overlay/shared/use-dialog.ts
+function s(s) {
+	let c = e(s.onCleanup), l = a(!1), u = "programmatic", d = i(), f = !1, p = n({
+		getInitialFocusSelector: () => s.initialFocus.value,
+		getReturnFocus: () => s.returnFocus.value,
+		host: s.host
+	}), m = () => {
+		let e = s.dialogRef.value;
+		if (!e?.open || f) return;
+		f = !0, e.classList.add("closing");
+		let t = () => {
+			e.close(), f = !1;
+		}, n = s.getPanelEl();
+		n ? r(n, t, "transition") : t();
+	}, h = (e) => s.host.dispatchEvent(new CustomEvent("close-request", {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0,
+		detail: {
+			reason: e,
+			...s.closeRequestDetail?.(e)
+		}
+	})), g = t({
+		getBoundary: () => s.host,
+		getPanel: () => {
+			let e = s.getPanelEl();
+			return e instanceof HTMLElement ? e : null;
+		},
+		isOpen: () => l.value,
+		onOpen: s.onOpen,
+		setOpen: (e, t) => {
+			let n = s.dialogRef.value;
+			if (n) {
+				if (e) {
+					if (n.open) return;
+					n.classList.remove("closing"), p.captureReturnFocus(), s.beforeOpen?.(n), n.showModal(), d.lock(s.host), p.applyInitialFocus(), l.value = !0;
+					return;
+				}
+				if (n.open) {
+					u = t, (s.performClose ?? ((e) => e.close()))(n, t);
+					return;
+				}
+				l.value = !1;
+			}
+		},
+		signal: c
+	}), _ = (e) => {
+		h(e) && g.close(e, !1);
+	};
+	s.host.addEventListener("command", (e) => {
+		let t = e.command;
+		t === "show-modal" ? g.open("trigger") : (t === "close" || t === "request-close") && _("trigger");
+	}, { signal: c });
+	let v = (e) => {
+		e.preventDefault(), !s.isPersistent() && _("escape");
+	}, y = (e) => {
+		s.isPersistent() || e.target === s.dialogRef.value && _("outsideClick");
+	}, b = () => {
+		d.unlock(), s.host.removeAttribute("open"), l.value = !1, p.restoreFocus();
+		let e = u;
+		u = "programmatic", s.onNativeClose?.(e);
+	}, x = () => {
+		let e = s.dialogRef.value;
+		e && s.onEvent(e, "close", b), o(s.openProp, (e) => {
+			e ? g.open("programmatic") : g.close("programmatic", !1);
+		}, { immediate: !0 });
+	};
+	return {
+		closeWithAnimation: m,
+		dispatchCloseRequest: h,
+		handleBackdropClick: y,
+		handleCancel: v,
+		isOpen: l,
+		overlay: g,
+		requestClose: _,
+		setupNativeListeners: () => {
+			let e = s.dialogRef.value;
+			e && (x(), s.onEvent(e, "click", y), s.onEvent(e, "cancel", v));
+		},
+		watchOpenProp: x
+	};
+}
+//#endregion
+export { s as useDialogControl };
+
+//# sourceMappingURL=use-dialog.js.map

package/dist/overlay/shared/use-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog.js","names":[],"sources":["../../../src/overlay/shared/use-dialog.ts"],"sourcesContent":["import { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  lifecycleSignal,\n  createOverlayControl,\n  type DialogCloseReason,\n  type OverlayControl,\n  type OverlayOpenReason,\n} from '../../headless';\nimport { createFocusManager } from '../../headless/focus';\nimport { awaitExit } from './await-exit';\nimport { createBackgroundLock } from './background-lock';\n\n// Invoker Commands API — not yet in lib.dom.d.ts\ninterface CommandEvent extends Event {\n  command: string;\n}\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type UseDialogOptions = {\n  /** Called after showModal() but before isOpen = true. Use to clear drag styles etc. */\n  beforeOpen?: (dialog: HTMLDialogElement) => void;\n  /** Extra properties merged into the `close-request` custom event detail. */\n  closeRequestDetail?: (reason: Exclude<DialogCloseReason, 'programmatic'>) => Record<string, unknown>;\n  dialogRef: { value: HTMLDialogElement | null | undefined };\n  getPanelEl: () => HTMLElement | null | undefined;\n  host: HTMLElement;\n  initialFocus: Readable<string | undefined>;\n  isPersistent: () => boolean;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /**\n   * Scoped event listener registrar from the component setup ctx.\n   * Automatically removed on component disconnect.\n   */\n  onEvent: <K extends keyof HTMLElementEventMap>(\n    target: EventTarget | null | undefined,\n    event: K,\n    listener: (e: HTMLElementEventMap[K]) => void,\n    options?: AddEventListenerOptions,\n  ) => void;\n  /**\n   * Called after the native `close` event fires — after background unlock,\n   * isOpen reset, and focus restore. Use to emit component events.\n   */\n  onNativeClose?: (reason: DialogCloseReason) => void;\n  /** Called by the overlay on open. Use to emit events. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Open prop from the component — drives programmatic open/close via watch. */\n  openProp: Readable<boolean | undefined>;\n  /**\n   * Called by the overlay when closing. Orchestrates the close animation.\n   * Default: `dialog.close()`. Override in dialog.ts to add the CSS exit animation.\n   */\n  performClose?: (dialog: HTMLDialogElement, reason: DialogCloseReason) => void;\n  returnFocus: Readable<boolean | undefined>;\n};\n\nexport type UseDialogHandle = {\n  closeWithAnimation: () => void;\n  /**\n   * Dispatch a cancelable `close-request` event on the host. Returns true when\n   * the close is allowed (event not prevented), false when it was cancelled.\n   */\n  dispatchCloseRequest: (reason: Exclude<DialogCloseReason, 'programmatic'>) => boolean;\n  handleBackdropClick: (e: MouseEvent) => void;\n  handleCancel: (e: Event) => void;\n  isOpen: Signal<boolean>;\n  /** The overlay control — open/close/toggle/dispose. */\n  overlay: OverlayControl;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n  /**\n   * Registers the open-prop watcher AND standard click/cancel event listeners on\n   * the dialog element (backdrop click-to-close, Escape via the native `cancel`\n   * event). Use for components that need standard dialog behavior.\n   * Call inside `onMounted()`.\n   */\n  setupNativeListeners: () => void;\n  /**\n   * Registers only the open-prop watcher (without adding click/cancel listeners).\n   * Use for components like drawer that register their own event handlers.\n   * Call inside `onMounted()`.\n   */\n  watchOpenProp: () => void;\n};\n\n// ── Factory ───────────────────────────────────────────────────────────────────\n\n/**\n * Shared dialog-control composable for `ore-dialog` and `ore-drawer`.\n *\n * Owns: `isOpen`, close-reason tracking, focus management, `overlay`,\n * `requestClose`, background lock/unlock, and the `close` event handler.\n * Components supply only their unique behavior via callbacks and `onNativeClose`.\n */\nexport function useDialogControl(options: UseDialogOptions): UseDialogHandle {\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const isOpen = signal(false);\n  // Internal close-reason: set atomically before dialog.close() fires.\n  let pendingCloseReason: DialogCloseReason = 'programmatic';\n  const bgLock = createBackgroundLock();\n  let isClosing = false;\n\n  // ── Focus management ──────────────────────────────────────────────────────\n  const focus = createFocusManager({\n    getInitialFocusSelector: () => options.initialFocus.value,\n    getReturnFocus: () => options.returnFocus.value,\n    host: options.host,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  const closeWithAnimation = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog?.open || isClosing) return;\n\n    isClosing = true;\n    dialog.classList.add('closing');\n\n    const finish = () => {\n      dialog.close();\n      // Do NOT remove 'closing' here — removing it while the native ::backdrop is\n      // still held in the top layer by the 'overlay allow-discrete' transition\n      // would revert its opacity to 1 and cause a visible flash. The class is\n      // cleaned up at the start of the next open cycle (see setOpen below).\n      isClosing = false;\n    };\n\n    const panel = options.getPanelEl();\n\n    if (panel) {\n      awaitExit(panel, finish, 'transition');\n    } else {\n      finish();\n    }\n  };\n\n  const dispatchCloseRequest = (reason: Exclude<DialogCloseReason, 'programmatic'>): boolean => {\n    return options.host.dispatchEvent(\n      new CustomEvent('close-request', {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: { reason, ...options.closeRequestDetail?.(reason) },\n      }),\n    );\n  };\n\n  const overlay = createOverlayControl({\n    getBoundary: () => options.host,\n    getPanel: () => {\n      const panel = options.getPanelEl();\n\n      return panel instanceof HTMLElement ? panel : null;\n    },\n    isOpen: () => isOpen.value,\n    onOpen: options.onOpen,\n    setOpen: (next, reason) => {\n      const dialog = options.dialogRef.value;\n\n      if (!dialog) return;\n\n      if (next) {\n        if (dialog.open) return;\n\n        // Clean up any leftover 'closing' class from the previous close animation\n        // before opening so the entry @starting-style and transition work correctly.\n        dialog.classList.remove('closing');\n        focus.captureReturnFocus();\n        options.beforeOpen?.(dialog);\n        dialog.showModal();\n        bgLock.lock(options.host);\n        focus.applyInitialFocus();\n        isOpen.value = true;\n\n        return;\n      }\n\n      if (dialog.open) {\n        // Capture reason before calling performClose so handleNativeClose can read it.\n        pendingCloseReason = reason as DialogCloseReason;\n\n        const performClose = options.performClose ?? ((d) => d.close());\n\n        performClose(dialog, reason as DialogCloseReason);\n\n        return;\n      }\n\n      isOpen.value = false;\n    },\n    signal: abortSignal,\n  });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason, false);\n  };\n\n  // Invoker Commands API — allows declarative open/close from outside the component:\n  //   <button commandfor=\"ore-dialog-id\" command=\"show-modal\">Open</button>\n  //   <button commandfor=\"ore-dialog-id\" command=\"close\">Close</button>\n  options.host.addEventListener(\n    'command',\n    (e: Event) => {\n      const cmd = (e as CommandEvent).command;\n\n      if (cmd === 'show-modal') overlay.open('trigger');\n      else if (cmd === 'close' || cmd === 'request-close') requestClose('trigger');\n    },\n    { signal: abortSignal },\n  );\n\n  // The native `<dialog>` element auto-closes on Escape via its own close-watcher, which\n  // dispatches a cancelable `cancel` event before `close`. Suppressing/redirecting that is the\n  // spec-correct hook — relying on `keydown`'s `preventDefault()` to stop the close-watcher is\n  // implementation-specific, not guaranteed across browsers.\n  const handleCancel = (e: Event): void => {\n    e.preventDefault();\n\n    if (options.isPersistent()) return;\n\n    requestClose('escape');\n  };\n\n  const handleBackdropClick = (e: MouseEvent): void => {\n    if (options.isPersistent()) return;\n\n    if (e.target === options.dialogRef.value) requestClose('outsideClick');\n  };\n\n  // ── Internal native close handler ─────────────────────────────────────────\n  const handleNativeClose = (): void => {\n    bgLock.unlock();\n    options.host.removeAttribute('open');\n    isOpen.value = false;\n    focus.restoreFocus();\n\n    const reason = pendingCloseReason;\n\n    pendingCloseReason = 'programmatic';\n    options.onNativeClose?.(reason);\n  };\n\n  const watchOpenProp = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (dialog) options.onEvent(dialog, 'close', handleNativeClose);\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic', false);\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  const setupNativeListeners = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    watchOpenProp();\n    options.onEvent(dialog, 'click', handleBackdropClick);\n    options.onEvent(dialog, 'cancel', handleCancel);\n  };\n\n  return {\n    closeWithAnimation,\n    dispatchCloseRequest,\n    handleBackdropClick,\n    handleCancel,\n    isOpen,\n    overlay,\n    requestClose,\n    setupNativeListeners,\n    watchOpenProp,\n  };\n}\n"],"mappings":"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"}

package/dist/overlay/shared/use-floating-trigger.cjs

@@ -0,0 +1,2 @@
+const e=require("../../headless/ore.cjs"),t=require("../../headless/overlay.cjs");let n=require("@vielzeug/ripple"),r=require("@vielzeug/orbit");var i=i=>{let{bindTriggerAria:a,disabled:o,getPanel:s,onClose:c,onOpen:l,onPlacementChange:u,openProp:d,placement:f,slot:p,slotElements:m,triggers:h}=i,g=()=>typeof p==`function`?p():p,_=()=>{let e=i.offset;return e==null?8:(typeof e==`object`?e.value:e)??8},v=e.lifecycleSignal(i.onCleanup),y=(0,n.signal)(!1),b=()=>d.value!==void 0,x=null,S=null,C=t.createOverlayControl({getBoundary:()=>document.body,getPanel:s,getTrigger:()=>x,isDisabled:()=>o.value,isOpen:()=>y.value,onClose:c,onOpen:l,positioner:{floating:s,reference:()=>x,update:w},restoreFocus:!1,setOpen:e=>{b()||(e?T():E())},signal:v});function w(){let e=s();if(!e||!x)return;let t=(0,r.computePosition)(x,e,{middleware:[(0,r.offset)(_()),(0,r.flip)(),(0,r.shift)({padding:8})],placement:f.value});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`,e.dataset.placement=t.placement,u?.(t.placement)}function T(){y.value=!0;let e=s();if(e&&(e.dataset.open=``,`showPopover`in e))try{e.matches(`:popover-open`)||e.showPopover()}catch{}w()}function E(){y.value=!1;let e=s();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}}function D(e=`programmatic`){b()||C.open(e)}function O(e=`trigger`){b()||C.close(e,!1)}function k(){b()||C.toggle()}function A(e){e.key===`Escape`&&O(`escape`)}function j(e){if(!y.value)return;let t=e.composedPath(),n=s(),r=i.getHost?.();x&&t.includes(x)||n&&t.includes(n)||r&&t.includes(r)||O(`outsideClick`)}function M(e){let t=e.relatedTarget,n=s();t&&n?.contains(t)||t&&x?.contains(t)||O(`trigger`)}let N=()=>{S?.(),S=null;let e=g()?.assignedElements({flatten:!0})[0];if(!e){x=null;return}x=e;let t=a(e),n=[],r=(e,t,r,i)=>{e.addEventListener(t,r,i),n.push(()=>e.removeEventListener(t,r,i))},i=h.value;if(i.includes(`click`)&&(r(e,`click`,k),r(document,`pointerdown`,j,{capture:!0})),i.includes(`hover`)){r(e,`pointerenter`,()=>D(`hover`)),r(e,`pointerleave`,()=>O(`trigger`));let t=s();t&&(r(t,`pointerenter`,()=>D(`hover`)),r(t,`pointerleave`,()=>O(`trigger`)))}if(i.includes(`focus`)){r(e,`focusin`,()=>D(`focus`)),r(e,`focusout`,M);let t=s();t&&r(t,`focusout`,M)}r(document,`keydown`,A),S=()=>{t();for(let e of n)e();x=null}};return{close:O,mount:()=>((0,n.watch)(m,N,{immediate:!0}),(0,n.watch)(d,e=>{e!=null&&(e?(T(),l?.(`programmatic`)):y.value&&(E(),c?.(`programmatic`)))},{immediate:!0}),(0,n.watch)(o,e=>{e&&O(`programmatic`)}),()=>{S?.(),S=null;let e=s();if(e&&(delete e.dataset.open,`hidePopover`in e))try{e.matches(`:popover-open`)&&e.hidePopover()}catch{}C.dispose()}),open:D,toggle:k,updatePosition:w,visible:y}};exports.useFloatingTrigger=i;
+//# sourceMappingURL=use-floating-trigger.cjs.map