@vielzeug/refine 26.10.0 → 26.10.5

package/dist/overlay/drawer/drawer.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.css.js","names":[],"sources":["../../../src/overlay/drawer/drawer.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_backdrop-bg: var(--drawer-backdrop-bg, color-mix(in oklch, var(--color-canvas) 40%, transparent));\n    --_backdrop-filter: none;\n    --_panel-bg: var(--drawer-bg, var(--color-canvas));\n    --_panel-blur: var(--drawer-panel-blur, var(--blur-md));\n    --_panel-shadow: var(--drawer-shadow, var(--shadow-xl));\n    --_panel-border-color: var(--color-divider);\n    --_panel-bleed: var(--size-8);\n    --_drag-handle-inset: calc(var(--size-1) * -1);\n\n    display: contents;\n  }\n\n  dialog {\n    all: unset;\n    position: fixed;\n    inset: 0;\n    box-sizing: border-box;\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    pointer-events: none;\n    transition:\n      display 200ms allow-discrete,\n      overlay 200ms allow-discrete;\n  }\n\n  dialog:not([open]) {\n    display: none;\n  }\n\n  dialog:not([open]) .panel {\n    display: none;\n  }\n\n  dialog[open] {\n    display: flex;\n    pointer-events: auto;\n  }\n\n  dialog::backdrop {\n    background: var(--_backdrop-bg);\n    opacity: 1;\n    backdrop-filter: var(--_backdrop-filter);\n    transition:\n      display 200ms allow-discrete,\n      overlay 200ms allow-discrete,\n      opacity var(--transition-normal),\n      backdrop-filter var(--transition-normal);\n\n    @starting-style {\n      opacity: 0;\n      backdrop-filter: blur(0);\n    }\n  }\n\n  dialog.closing::backdrop {\n    opacity: 0;\n    backdrop-filter: blur(0);\n    transition:\n      opacity 300ms var(--ease-in-out),\n      backdrop-filter 300ms var(--ease-in-out),\n      overlay 300ms allow-discrete,\n      display 300ms allow-discrete;\n  }\n\n  .panel {\n    position: absolute;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n    background: var(--_panel-bg);\n    border: var(--border) solid var(--_panel-border-color);\n    box-shadow: var(--_panel-shadow);\n    opacity: 1;\n    backdrop-filter: blur(var(--_panel-blur));\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--transition-normal),\n      transform 300ms var(--ease-move);\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_panel-exit-transform, translate3d(0, 0, 0));\n    }\n  }\n\n  dialog.closing .panel {\n    opacity: 0;\n    transform: var(--_panel-exit-transform, translate3d(0, 0, 0));\n  }\n\n  /* left */\n  :host([placement='left']) .panel {\n    --_panel-exit-transform: translateX(calc(-100% - var(--_panel-bleed)));\n\n    inset-block: 0;\n    inset-inline-start: 0;\n    width: calc(var(--drawer-size, 20rem) + var(--_panel-bleed));\n    max-width: calc(100dvw + var(--_panel-bleed));\n    padding-inline-start: var(--_panel-bleed);\n    margin-inline-start: calc(var(--_panel-bleed) * -1);\n    border-block: none;\n    border-inline-start: none;\n  }\n\n  /* right (default) */\n  :host(:not([placement])) .panel,\n  :host([placement='right']) .panel {\n    --_panel-exit-transform: translateX(calc(100% + var(--_panel-bleed)));\n\n    inset-block: 0;\n    inset-inline-end: 0;\n    width: calc(var(--drawer-size, 20rem) + var(--_panel-bleed));\n    max-width: calc(100dvw + var(--_panel-bleed));\n    padding-inline-end: var(--_panel-bleed);\n    margin-inline-end: calc(var(--_panel-bleed) * -1);\n    border-block: none;\n    border-inline-end: none;\n  }\n\n  /* top */\n  :host([placement='top']) .panel {\n    --_panel-exit-transform: translateY(calc(-100% - var(--_panel-bleed)));\n\n    inset-block-start: 0;\n    inset-inline: 0;\n    height: calc(var(--drawer-size, 16rem) + var(--_panel-bleed));\n    max-height: calc(100dvh + var(--_panel-bleed));\n    padding-block-start: var(--_panel-bleed);\n    margin-block-start: calc(var(--_panel-bleed) * -1);\n    border-block-start: none;\n    border-inline: none;\n  }\n\n  /* bottom */\n  :host([placement='bottom']) .panel {\n    --_panel-exit-transform: translateY(calc(100% + var(--_panel-bleed)));\n\n    inset-block-end: 0;\n    inset-inline: 0;\n    height: calc(var(--drawer-size, 16rem) + var(--_panel-bleed));\n    max-height: calc(100dvh + var(--_panel-bleed));\n    padding-block-end: var(--_panel-bleed);\n    margin-block-end: calc(var(--_panel-bleed) * -1);\n    border-block-end: none;\n    border-inline: none;\n  }\n\n  /* RTL overrides */\n  :host(:dir(rtl)[placement='left']) .panel {\n    --_panel-exit-transform: translateX(calc(100% + var(--_panel-bleed)));\n  }\n\n  :host(:dir(rtl)[placement='right']) .panel,\n  :host(:dir(rtl):not([placement])) .panel {\n    --_panel-exit-transform: translateX(calc(-100% - var(--_panel-bleed)));\n  }\n\n  /* Size utilities */\n  :host([size='sm']) {\n    --drawer-size: 14rem;\n  }\n\n  :host([size='lg']) {\n    --drawer-size: 32rem;\n  }\n\n  :host([size='full']) {\n    --drawer-size: 100%;\n  }\n\n  :host([size='full']) .panel {\n    width: calc(100% + var(--_panel-bleed));\n    max-width: none;\n    height: calc(100% + var(--_panel-bleed));\n    max-height: none;\n    border: none;\n  }\n\n  /* Header / Body / Footer */\n  .header {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--size-4);\n    border-bottom: var(--border) solid var(--color-contrast-200);\n  }\n\n  .header-title {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--text-lg);\n    font-weight: var(--font-semibold);\n    white-space: nowrap;\n  }\n\n  .body {\n    flex: 1;\n    padding: var(--size-4);\n    overflow-y: auto;\n  }\n\n  .footer {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-2);\n    justify-content: flex-end;\n    padding: var(--size-4);\n    border-top: var(--border) solid var(--color-contrast-200);\n  }\n\n  .header[hidden],\n  .footer[hidden],\n  .close-btn[hidden] {\n    display: none;\n  }\n\n  .close-btn {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--size-8);\n    height: var(--size-8);\n    margin-inline-start: auto;\n    color: var(--color-contrast-500);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  .close-btn:hover {\n    color: var(--color-contrast-800);\n    background: var(--color-contrast-200);\n  }\n\n  .close-btn:active {\n    opacity: 0.8;\n  }\n\n  /* Drag handle for mobile/touch swipe-to-close */\n  .drag-handle {\n    position: absolute;\n    z-index: 10;\n    pointer-events: all;\n    touch-action: none;\n    cursor: grab;\n  }\n\n  .drag-handle:active {\n    cursor: grabbing;\n  }\n\n  /* Horizontal drawers (left/right) — drag handle on the opposite edge */\n  :host([placement='left']) .drag-handle,\n  :host(:not([placement])) .drag-handle,\n  :host([placement='right']) .drag-handle {\n    top: 50%;\n    width: var(--_panel-bleed);\n    height: 3.5rem;\n    translate: 0 -50%;\n  }\n\n  /* Left drawer — handle on the right (opposite side) */\n  :host([placement='left']) .drag-handle {\n    right: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Right drawer (default) — handle on the left (opposite side) */\n  :host([placement='right']) .drag-handle,\n  :host(:not([placement])) .drag-handle {\n    left: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Vertical drawers (top/bottom) — drag handle on the opposite edge */\n  :host([placement='top']) .drag-handle,\n  :host([placement='bottom']) .drag-handle {\n    left: 50%;\n    width: 3.5rem;\n    height: var(--_panel-bleed);\n    translate: -50% 0;\n  }\n\n  /* Top drawer — handle at bottom (opposite side) */\n  :host([placement='top']) .drag-handle {\n    bottom: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Bottom drawer — handle at top (opposite side) */\n  :host([placement='bottom']) .drag-handle {\n    top: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Inset drag-handle placement keeps the handle fully inside the panel. */\n  :host([drag-handle-placement='inset'][placement='left']) .drag-handle {\n    right: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='right']) .drag-handle,\n  :host([drag-handle-placement='inset']:not([placement])) .drag-handle {\n    left: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='top']) .drag-handle {\n    bottom: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='bottom']) .drag-handle {\n    top: var(--_drag-handle-inset);\n  }\n\n  /* Visual indicator — subtle bar in the center */\n  .drag-handle::before {\n    position: absolute;\n    inset: 50%;\n    content: '';\n    background: var(--color-contrast-400);\n    border-radius: var(--rounded-full);\n    opacity: 0.6;\n    translate: -50% -50%;\n    transition:\n      background var(--transition-fast),\n      opacity var(--transition-fast),\n      transform var(--transition-fast);\n  }\n\n  :host([placement='left']) .drag-handle::before,\n  :host([placement='right']) .drag-handle::before,\n  :host(:not([placement])) .drag-handle::before {\n    width: 5px;\n    height: 2.5rem;\n  }\n\n  :host([placement='top']) .drag-handle::before,\n  :host([placement='bottom']) .drag-handle::before {\n    width: 2.5rem;\n    height: 5px;\n  }\n\n  .drag-handle:hover::before {\n    background: var(--color-contrast-600);\n    opacity: 0.9;\n    transform: scale(1.15);\n  }\n\n  .close-btn:focus-visible {\n    outline: var(--focus-ring);\n  }\n\n  @media (width <= 640px) {\n    :host([placement='left']) .panel,\n    :host(:not([placement])) .panel,\n    :host([placement='right']) .panel {\n      width: calc(min(var(--drawer-size, 20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));\n      max-width: calc(100vw - var(--size-2) + var(--_panel-bleed));\n    }\n\n    :host([placement='top']) .panel,\n    :host([placement='bottom']) .panel {\n      height: calc(min(var(--drawer-size, 16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));\n      max-height: calc(100dvh - var(--size-2) + var(--_panel-bleed));\n    }\n\n    .header,\n    .body,\n    .footer {\n      padding: var(--size-3);\n    }\n  }\n}\n\n@layer refine.config {\n  :host([backdrop='blur']) {\n    --_backdrop-filter: blur(var(--blur-xs));\n  }\n\n  :host([backdrop='transparent']) {\n    --_backdrop-bg: transparent;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"drawer.css.js","names":[],"sources":["../../../src/overlay/drawer/drawer.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_backdrop-bg: var(--drawer-backdrop-bg, color-mix(in oklch, var(--color-canvas) 40%, transparent));\n    --_backdrop-filter: none;\n    --_panel-bg: var(--drawer-bg, var(--color-canvas));\n    --_panel-blur: var(--drawer-panel-blur, var(--blur-md));\n    --_panel-shadow: var(--drawer-shadow, var(--shadow-xl));\n    --_panel-border-color: var(--color-divider);\n    --_panel-bleed: var(--size-8);\n    --_drag-handle-inset: calc(var(--size-1) * -1);\n\n    display: contents;\n  }\n\n  dialog {\n    all: unset;\n    position: fixed;\n    inset: 0;\n    box-sizing: border-box;\n    display: flex;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    max-height: 100%;\n    pointer-events: none;\n    transition:\n      display 200ms allow-discrete,\n      overlay 200ms allow-discrete;\n  }\n\n  dialog:not([open]) {\n    display: none;\n  }\n\n  dialog:not([open]) .panel {\n    display: none;\n  }\n\n  dialog[open] {\n    display: flex;\n    pointer-events: auto;\n  }\n\n  dialog::backdrop {\n    background: var(--_backdrop-bg);\n    opacity: 1;\n    backdrop-filter: var(--_backdrop-filter);\n    transition:\n      display 200ms allow-discrete,\n      overlay 200ms allow-discrete,\n      opacity var(--transition-normal),\n      backdrop-filter var(--transition-normal);\n\n    @starting-style {\n      opacity: 0;\n      backdrop-filter: blur(0);\n    }\n  }\n\n  dialog.closing::backdrop {\n    opacity: 0;\n    backdrop-filter: blur(0);\n    transition:\n      opacity 300ms var(--ease-in-out),\n      backdrop-filter 300ms var(--ease-in-out),\n      overlay 300ms allow-discrete,\n      display 300ms allow-discrete;\n  }\n\n  .panel {\n    position: absolute;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    overflow: visible;\n    background: var(--_panel-bg);\n    border: var(--border) solid var(--_panel-border-color);\n    box-shadow: var(--_panel-shadow);\n    opacity: 1;\n    backdrop-filter: blur(var(--_panel-blur));\n    transform: translate3d(0, 0, 0);\n    transition:\n      opacity var(--transition-normal),\n      transform 300ms var(--ease-move);\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_panel-exit-transform, translate3d(0, 0, 0));\n    }\n  }\n\n  dialog.closing .panel {\n    opacity: 0;\n    transform: var(--_panel-exit-transform, translate3d(0, 0, 0));\n  }\n\n  /* left */\n  :host([placement='left']) .panel {\n    --_panel-exit-transform: translateX(calc(-100% - var(--_panel-bleed)));\n\n    inset-block: 0;\n    inset-inline-start: 0;\n    width: calc(var(--drawer-size, 20rem) + var(--_panel-bleed));\n    max-width: calc(100dvw + var(--_panel-bleed));\n    padding-inline-start: var(--_panel-bleed);\n    margin-inline-start: calc(var(--_panel-bleed) * -1);\n    border-block: none;\n    border-inline-start: none;\n  }\n\n  /* right (default) */\n  :host(:not([placement])) .panel,\n  :host([placement='right']) .panel {\n    --_panel-exit-transform: translateX(calc(100% + var(--_panel-bleed)));\n\n    inset-block: 0;\n    inset-inline-end: 0;\n    width: calc(var(--drawer-size, 20rem) + var(--_panel-bleed));\n    max-width: calc(100dvw + var(--_panel-bleed));\n    padding-inline-end: var(--_panel-bleed);\n    margin-inline-end: calc(var(--_panel-bleed) * -1);\n    border-block: none;\n    border-inline-end: none;\n  }\n\n  /* top */\n  :host([placement='top']) .panel {\n    --_panel-exit-transform: translateY(calc(-100% - var(--_panel-bleed)));\n\n    inset-block-start: 0;\n    inset-inline: 0;\n    height: calc(var(--drawer-size, 16rem) + var(--_panel-bleed));\n    max-height: calc(100dvh + var(--_panel-bleed));\n    padding-block-start: var(--_panel-bleed);\n    margin-block-start: calc(var(--_panel-bleed) * -1);\n    border-block-start: none;\n    border-inline: none;\n  }\n\n  /* bottom */\n  :host([placement='bottom']) .panel {\n    --_panel-exit-transform: translateY(calc(100% + var(--_panel-bleed)));\n\n    inset-block-end: 0;\n    inset-inline: 0;\n    height: calc(var(--drawer-size, 16rem) + var(--_panel-bleed));\n    max-height: calc(100dvh + var(--_panel-bleed));\n    padding-block-end: var(--_panel-bleed);\n    margin-block-end: calc(var(--_panel-bleed) * -1);\n    border-block-end: none;\n    border-inline: none;\n  }\n\n  /* RTL overrides */\n  :host(:dir(rtl)[placement='left']) .panel {\n    --_panel-exit-transform: translateX(calc(100% + var(--_panel-bleed)));\n  }\n\n  :host(:dir(rtl)[placement='right']) .panel,\n  :host(:dir(rtl):not([placement])) .panel {\n    --_panel-exit-transform: translateX(calc(-100% - var(--_panel-bleed)));\n  }\n\n  /* Size utilities */\n  :host([size='sm']) {\n    --drawer-size: 14rem;\n  }\n\n  :host([size='lg']) {\n    --drawer-size: 32rem;\n  }\n\n  :host([size='full']) {\n    --drawer-size: 100%;\n  }\n\n  :host([size='full']) .panel {\n    width: calc(100% + var(--_panel-bleed));\n    max-width: none;\n    height: calc(100% + var(--_panel-bleed));\n    max-height: none;\n    border: none;\n  }\n\n  /* Header / Body / Footer */\n  .header {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-2);\n    align-items: center;\n    padding: var(--size-4);\n    border-bottom: var(--border) solid var(--color-contrast-200);\n  }\n\n  .header-title {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: var(--text-lg);\n    font-weight: var(--font-semibold);\n    white-space: nowrap;\n  }\n\n  .body {\n    flex: 1;\n    padding: var(--size-4);\n    overflow-y: auto;\n  }\n\n  .footer {\n    display: flex;\n    flex-shrink: 0;\n    gap: var(--size-2);\n    justify-content: flex-end;\n    padding: var(--size-4);\n    border-top: var(--border) solid var(--color-contrast-200);\n  }\n\n  .header[hidden],\n  .footer[hidden],\n  .close-btn[hidden] {\n    display: none;\n  }\n\n  .close-btn {\n    all: unset;\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: var(--size-8);\n    height: var(--size-8);\n    margin-inline-start: auto;\n    color: var(--color-contrast-500);\n    cursor: pointer;\n    border-radius: var(--rounded-sm);\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  .close-btn:hover {\n    color: var(--color-contrast-800);\n    background: var(--color-contrast-200);\n  }\n\n  .close-btn:active {\n    opacity: 0.8;\n  }\n\n  /* Drag handle for mobile/touch swipe-to-close */\n  .drag-handle {\n    position: absolute;\n    z-index: 10;\n    pointer-events: all;\n    touch-action: none;\n    cursor: grab;\n  }\n\n  .drag-handle:active {\n    cursor: grabbing;\n  }\n\n  /* Horizontal drawers (left/right): drag handle on the opposite edge */\n  :host([placement='left']) .drag-handle,\n  :host(:not([placement])) .drag-handle,\n  :host([placement='right']) .drag-handle {\n    top: 50%;\n    width: var(--_panel-bleed);\n    height: 3.5rem;\n    translate: 0 -50%;\n  }\n\n  /* Left drawer: handle on the right (opposite side) */\n  :host([placement='left']) .drag-handle {\n    right: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Right drawer (default): handle on the left (opposite side) */\n  :host([placement='right']) .drag-handle,\n  :host(:not([placement])) .drag-handle {\n    left: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Vertical drawers (top/bottom): drag handle on the opposite edge */\n  :host([placement='top']) .drag-handle,\n  :host([placement='bottom']) .drag-handle {\n    left: 50%;\n    width: 3.5rem;\n    height: var(--_panel-bleed);\n    translate: -50% 0;\n  }\n\n  /* Top drawer: handle at bottom (opposite side) */\n  :host([placement='top']) .drag-handle {\n    bottom: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Bottom drawer: handle at top (opposite side) */\n  :host([placement='bottom']) .drag-handle {\n    top: calc(var(--_panel-bleed) * -1);\n  }\n\n  /* Inset drag-handle placement keeps the handle fully inside the panel. */\n  :host([drag-handle-placement='inset'][placement='left']) .drag-handle {\n    right: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='right']) .drag-handle,\n  :host([drag-handle-placement='inset']:not([placement])) .drag-handle {\n    left: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='top']) .drag-handle {\n    bottom: var(--_drag-handle-inset);\n  }\n\n  :host([drag-handle-placement='inset'][placement='bottom']) .drag-handle {\n    top: var(--_drag-handle-inset);\n  }\n\n  /* Visual indicator: subtle bar in the center */\n  .drag-handle::before {\n    position: absolute;\n    inset: 50%;\n    content: '';\n    background: var(--color-contrast-400);\n    border-radius: var(--rounded-full);\n    opacity: 0.6;\n    translate: -50% -50%;\n    transition:\n      background var(--transition-fast),\n      opacity var(--transition-fast),\n      transform var(--transition-fast);\n  }\n\n  :host([placement='left']) .drag-handle::before,\n  :host([placement='right']) .drag-handle::before,\n  :host(:not([placement])) .drag-handle::before {\n    width: 5px;\n    height: 2.5rem;\n  }\n\n  :host([placement='top']) .drag-handle::before,\n  :host([placement='bottom']) .drag-handle::before {\n    width: 2.5rem;\n    height: 5px;\n  }\n\n  .drag-handle:hover::before {\n    background: var(--color-contrast-600);\n    opacity: 0.9;\n    transform: scale(1.15);\n  }\n\n  .close-btn:focus-visible {\n    outline: var(--focus-ring);\n  }\n\n  @media (width <= 640px) {\n    :host([placement='left']) .panel,\n    :host(:not([placement])) .panel,\n    :host([placement='right']) .panel {\n      width: calc(min(var(--drawer-size, 20rem), calc(100vw - var(--size-2))) + var(--_panel-bleed));\n      max-width: calc(100vw - var(--size-2) + var(--_panel-bleed));\n    }\n\n    :host([placement='top']) .panel,\n    :host([placement='bottom']) .panel {\n      height: calc(min(var(--drawer-size, 16rem), calc(100dvh - var(--size-2))) + var(--_panel-bleed));\n      max-height: calc(100dvh - var(--size-2) + var(--_panel-bleed));\n    }\n\n    .header,\n    .body,\n    .footer {\n      padding: var(--size-3);\n    }\n  }\n}\n\n@layer refine.config {\n  :host([backdrop='blur']) {\n    --_backdrop-filter: blur(var(--blur-xs));\n  }\n\n  :host([backdrop='transparent']) {\n    --_backdrop-bg: transparent;\n  }\n}\n"],"mappings":""}

package/dist/overlay/drawer/drawer.d.ts

@@ -16,7 +16,7 @@ export type OreDrawerEvents = {
     'open-change': OverlayOpenChangeDetail;
 };
 export type OreDrawerProps = {
-    /** Backdrop style — 'opaque' (default), 'blur', or 'transparent' */
+    /** Backdrop style: 'opaque' (default), 'blur', or 'transparent' */
     backdrop?: DrawerBackdrop;
     /** Initial uncontrolled open state. Ignored when `open` is set. */
     'default-open'?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/overlay/drawer/drawer.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,uBAAuB,EAAqB,MAAM,YAAY,CAAC;AAM7E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC3D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACvC,KAAK,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AACxD,KAAK,yBAAyB,GAAG,SAAS,GAAG,OAAO,CAAC;AA8BrD,sEAAsE;AACtE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/E,iEAAiE;IACjE,IAAI,IAAI,IAAI,CAAC;IACb,sEAAsE;IACtE,IAAI,IAAI,IAAI,CAAC;CACd;AAED,kCAAkC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,yBAAyB,CAAC;IACpD;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/overlay/drawer/drawer.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,uBAAuB,EAAqB,MAAM,YAAY,CAAC;AAM7E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC3D,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AACvC,KAAK,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,aAAa,CAAC;AACxD,KAAK,yBAAyB,GAAG,SAAS,GAAG,OAAO,CAAC;AA8BrD,sEAAsE;AACtE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/E,iEAAiE;IACjE,IAAI,IAAI,IAAI,CAAC;IACb,sEAAsE;IACtE,IAAI,IAAI,IAAI,CAAC;CACd;AAED,kCAAkC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,EAAE,uBAAuB,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,yBAAyB,CAAC;IACpD;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAC"}

package/dist/overlay/menu/menu-item.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.css.cjs","names":[],"sources":["../../../src/overlay/menu/menu-item.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_menu-color: var(--menu-item-color, var(--_theme-base, var(--color-primary)));\n    --_hover-bg: var(--menu-item-hover-bg, var(--color-contrast-100));\n    --_focus-color: var(--menu-item-focus-color, var(--_menu-color));\n    --_focus-bg: var(--menu-item-focus-bg, color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));\n    --_selection-bg: var(\n      --menu-item-selection-bg,\n      color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas))\n    );\n    --_checked-color: var(--menu-item-checked-color, var(--_menu-color));\n    --_checked-bg: var(--menu-item-checked-bg, color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));\n\n    display: block;\n    outline: none;\n  }\n\n  .item {\n    display: flex;\n    gap: var(--_gap, var(--size-2));\n    align-items: center;\n    padding: var(--_item-padding, var(--size-1-5) var(--size-3));\n    font-size: var(--_font-size, var(--text-sm));\n    line-height: var(--leading-normal);\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0;\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  :host(:first-of-type) .item {\n    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;\n  }\n\n  :host(:last-child) .item {\n    border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);\n  }\n\n  :host(:first-of-type:last-child) .item {\n    border-radius: var(--rounded-sm);\n  }\n\n  :host(:not([disabled])) .item:hover {\n    background: var(--_hover-bg);\n  }\n\n  :host(:focus-visible) .item {\n    color: var(--_focus-color);\n    background: var(--_focus-bg);\n  }\n\n  .item.is-checked {\n    font-weight: var(--font-medium);\n    color: var(--_checked-color);\n  }\n\n  :host([disabled]) .item {\n    color: var(--color-contrast-400);\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .icon-slot {\n    display: contents;\n  }\n\n  .item-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    color: currentcolor;\n  }\n\n  /* CSS-based check/radio indicator — no Unicode characters */\n  .item-check::before {\n    display: block;\n    width: 0.875rem;\n    height: 0.875rem;\n    content: '';\n    border: 1.5px solid currentcolor;\n    transition:\n      background var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  .item.is-checkbox .item-check::before {\n    border-radius: 2px;\n  }\n\n  .item.is-radio .item-check::before {\n    border-radius: 50%;\n  }\n\n  .item.is-checked .item-check::before {\n    background: currentcolor;\n  }\n\n  /* Radio checked: filled dot via inset box-shadow */\n  .item.is-radio.is-checked .item-check::before {\n    background: transparent;\n    box-shadow: inset 0 0 0 3px currentcolor;\n  }\n\n  .item-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n@media (pointer: coarse) {\n  .item {\n    padding: var(--size-2-5) var(--size-3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"menu-item.css.cjs","names":[],"sources":["../../../src/overlay/menu/menu-item.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_menu-color: var(--menu-item-color, var(--_theme-base, var(--color-primary)));\n    --_hover-bg: var(--menu-item-hover-bg, var(--color-contrast-100));\n    --_focus-color: var(--menu-item-focus-color, var(--_menu-color));\n    --_focus-bg: var(--menu-item-focus-bg, color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));\n    --_selection-bg: var(\n      --menu-item-selection-bg,\n      color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas))\n    );\n    --_checked-color: var(--menu-item-checked-color, var(--_menu-color));\n    --_checked-bg: var(--menu-item-checked-bg, color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));\n\n    display: block;\n    outline: none;\n  }\n\n  .item {\n    display: flex;\n    gap: var(--_gap, var(--size-2));\n    align-items: center;\n    padding: var(--_item-padding, var(--size-1-5) var(--size-3));\n    font-size: var(--_font-size, var(--text-sm));\n    line-height: var(--leading-normal);\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0;\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  :host(:first-of-type) .item {\n    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;\n  }\n\n  :host(:last-child) .item {\n    border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);\n  }\n\n  :host(:first-of-type:last-child) .item {\n    border-radius: var(--rounded-sm);\n  }\n\n  :host(:not([disabled])) .item:hover {\n    background: var(--_hover-bg);\n  }\n\n  :host(:focus-visible) .item {\n    color: var(--_focus-color);\n    background: var(--_focus-bg);\n  }\n\n  .item.is-checked {\n    font-weight: var(--font-medium);\n    color: var(--_checked-color);\n  }\n\n  :host([disabled]) .item {\n    color: var(--color-contrast-400);\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .icon-slot {\n    display: contents;\n  }\n\n  .item-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    color: currentcolor;\n  }\n\n  /* CSS-based check/radio indicator: no Unicode characters */\n  .item-check::before {\n    display: block;\n    width: 0.875rem;\n    height: 0.875rem;\n    content: '';\n    border: 1.5px solid currentcolor;\n    transition:\n      background var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  .item.is-checkbox .item-check::before {\n    border-radius: 2px;\n  }\n\n  .item.is-radio .item-check::before {\n    border-radius: 50%;\n  }\n\n  .item.is-checked .item-check::before {\n    background: currentcolor;\n  }\n\n  /* Radio checked: filled dot via inset box-shadow */\n  .item.is-radio.is-checked .item-check::before {\n    background: transparent;\n    box-shadow: inset 0 0 0 3px currentcolor;\n  }\n\n  .item-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n@media (pointer: coarse) {\n  .item {\n    padding: var(--size-2-5) var(--size-3);\n  }\n}\n"],"mappings":""}

package/dist/overlay/menu/menu-item.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.css.js","names":[],"sources":["../../../src/overlay/menu/menu-item.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_menu-color: var(--menu-item-color, var(--_theme-base, var(--color-primary)));\n    --_hover-bg: var(--menu-item-hover-bg, var(--color-contrast-100));\n    --_focus-color: var(--menu-item-focus-color, var(--_menu-color));\n    --_focus-bg: var(--menu-item-focus-bg, color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));\n    --_selection-bg: var(\n      --menu-item-selection-bg,\n      color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas))\n    );\n    --_checked-color: var(--menu-item-checked-color, var(--_menu-color));\n    --_checked-bg: var(--menu-item-checked-bg, color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));\n\n    display: block;\n    outline: none;\n  }\n\n  .item {\n    display: flex;\n    gap: var(--_gap, var(--size-2));\n    align-items: center;\n    padding: var(--_item-padding, var(--size-1-5) var(--size-3));\n    font-size: var(--_font-size, var(--text-sm));\n    line-height: var(--leading-normal);\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0;\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  :host(:first-of-type) .item {\n    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;\n  }\n\n  :host(:last-child) .item {\n    border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);\n  }\n\n  :host(:first-of-type:last-child) .item {\n    border-radius: var(--rounded-sm);\n  }\n\n  :host(:not([disabled])) .item:hover {\n    background: var(--_hover-bg);\n  }\n\n  :host(:focus-visible) .item {\n    color: var(--_focus-color);\n    background: var(--_focus-bg);\n  }\n\n  .item.is-checked {\n    font-weight: var(--font-medium);\n    color: var(--_checked-color);\n  }\n\n  :host([disabled]) .item {\n    color: var(--color-contrast-400);\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .icon-slot {\n    display: contents;\n  }\n\n  .item-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    color: currentcolor;\n  }\n\n  /* CSS-based check/radio indicator — no Unicode characters */\n  .item-check::before {\n    display: block;\n    width: 0.875rem;\n    height: 0.875rem;\n    content: '';\n    border: 1.5px solid currentcolor;\n    transition:\n      background var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  .item.is-checkbox .item-check::before {\n    border-radius: 2px;\n  }\n\n  .item.is-radio .item-check::before {\n    border-radius: 50%;\n  }\n\n  .item.is-checked .item-check::before {\n    background: currentcolor;\n  }\n\n  /* Radio checked: filled dot via inset box-shadow */\n  .item.is-radio.is-checked .item-check::before {\n    background: transparent;\n    box-shadow: inset 0 0 0 3px currentcolor;\n  }\n\n  .item-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n@media (pointer: coarse) {\n  .item {\n    padding: var(--size-2-5) var(--size-3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"menu-item.css.js","names":[],"sources":["../../../src/overlay/menu/menu-item.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_menu-color: var(--menu-item-color, var(--_theme-base, var(--color-primary)));\n    --_hover-bg: var(--menu-item-hover-bg, var(--color-contrast-100));\n    --_focus-color: var(--menu-item-focus-color, var(--_menu-color));\n    --_focus-bg: var(--menu-item-focus-bg, color-mix(in oklch, var(--_menu-color) 12%, var(--color-contrast-100)));\n    --_selection-bg: var(\n      --menu-item-selection-bg,\n      color-mix(in oklch, var(--color-contrast-900) 5%, var(--color-canvas))\n    );\n    --_checked-color: var(--menu-item-checked-color, var(--_menu-color));\n    --_checked-bg: var(--menu-item-checked-bg, color-mix(in oklch, var(--_menu-color) 18%, var(--color-canvas)));\n\n    display: block;\n    outline: none;\n  }\n\n  .item {\n    display: flex;\n    gap: var(--_gap, var(--size-2));\n    align-items: center;\n    padding: var(--_item-padding, var(--size-1-5) var(--size-3));\n    font-size: var(--_font-size, var(--text-sm));\n    line-height: var(--leading-normal);\n    white-space: nowrap;\n    cursor: pointer;\n    user-select: none;\n    border-radius: 0;\n    transition:\n      background var(--transition-fast),\n      color var(--transition-fast);\n  }\n\n  :host(:first-of-type) .item {\n    border-radius: var(--rounded-sm) var(--rounded-sm) 0 0;\n  }\n\n  :host(:last-child) .item {\n    border-radius: 0 0 var(--rounded-sm) var(--rounded-sm);\n  }\n\n  :host(:first-of-type:last-child) .item {\n    border-radius: var(--rounded-sm);\n  }\n\n  :host(:not([disabled])) .item:hover {\n    background: var(--_hover-bg);\n  }\n\n  :host(:focus-visible) .item {\n    color: var(--_focus-color);\n    background: var(--_focus-bg);\n  }\n\n  .item.is-checked {\n    font-weight: var(--font-medium);\n    color: var(--_checked-color);\n  }\n\n  :host([disabled]) .item {\n    color: var(--color-contrast-400);\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .icon-slot {\n    display: contents;\n  }\n\n  .item-check {\n    display: inline-flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n    width: 1.25rem;\n    color: currentcolor;\n  }\n\n  /* CSS-based check/radio indicator: no Unicode characters */\n  .item-check::before {\n    display: block;\n    width: 0.875rem;\n    height: 0.875rem;\n    content: '';\n    border: 1.5px solid currentcolor;\n    transition:\n      background var(--transition-fast),\n      border-color var(--transition-fast);\n  }\n\n  .item.is-checkbox .item-check::before {\n    border-radius: 2px;\n  }\n\n  .item.is-radio .item-check::before {\n    border-radius: 50%;\n  }\n\n  .item.is-checked .item-check::before {\n    background: currentcolor;\n  }\n\n  /* Radio checked: filled dot via inset box-shadow */\n  .item.is-radio.is-checked .item-check::before {\n    background: transparent;\n    box-shadow: inset 0 0 0 3px currentcolor;\n  }\n\n  .item-label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\n@media (pointer: coarse) {\n  .item {\n    padding: var(--size-2-5) var(--size-3);\n  }\n}\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/overlay/menu/menu.ts"],"names":[],"mappings":"AAgBA,OAAO,EAOL,KAAK,uBAAuB,EAG7B,MAAM,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,uBAAuB,CAAC;IACvC,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,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/overlay/menu/menu.ts"],"names":[],"mappings":"AAgBA,OAAO,EAOL,KAAK,uBAAuB,EAG7B,MAAM,YAAY,CAAC;AAGpB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,EAAE,uBAAuB,CAAC;IACvC,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,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,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;AAyDtD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAG,oBAA6B,CAAC;AAa3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAC"}

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

@@ -1 +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 { createFocusManager, type DialogCloseReason, lifecycleSignal, type OverlayOpenReason } from '../../core';\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  /** Initial uncontrolled open state. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\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   * Standard backdrop-click-to-close handler. Callers wire it themselves\n   * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays — e.g. drawer's\n   * swipe-to-dismiss — need a backdrop handler with extra guards, so it is deliberately not\n   * registered by `mount()`.\n   */\n  handleBackdropClick: (e: MouseEvent) => void;\n  isOpen: Signal<boolean>;\n  /**\n   * Registers the open-prop watcher and the standard native `close`/`cancel` listeners on the\n   * dialog element (Escape closes via the native `cancel` event). Call inside `onMounted()`.\n   * Backdrop-click-to-close is intentionally left to the caller — see `handleBackdropClick`.\n   */\n  mount: () => void;\n  /** The modal dialog controller — open/close/toggle/dispose. */\n  overlay: ModalDialogController;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n};\n\ntype ModalDialogController = {\n  [Symbol.dispose](): void;\n  close(reason?: DialogCloseReason): void;\n  dispose(): void;\n  open(reason?: OverlayOpenReason): void;\n  toggle(openReason?: OverlayOpenReason, closeReason?: DialogCloseReason): 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    signal: abortSignal,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  /** Cancels a pending exit animation so a reopen can keep the dialog open. No-op otherwise. */\n  let cancelExit = (): void => {};\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    let settled = false;\n\n    cancelExit = (): void => {\n      if (settled) return;\n\n      settled = true;\n      dialog.classList.remove('closing');\n      isClosing = false;\n    };\n\n    const finish = () => {\n      if (settled) return;\n\n      settled = true;\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: ModalDialogController = {\n    close(reason: DialogCloseReason = 'programmatic'): void {\n      if (!isOpen.value) return;\n\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        pendingCloseReason = reason;\n        (options.performClose ?? ((element, _reason) => element.close()))(dialog, reason);\n      } else {\n        isOpen.value = false;\n      }\n    },\n    dispose(): void {\n      overlay.close('programmatic');\n    },\n    open(reason: OverlayOpenReason = 'programmatic'): void {\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        // A reopen that arrives while the exit animation is still running cancels\n        // the pending close and keeps the dialog open — the open prop is\n        // authoritative, so a quick close→reopen cycle must not end with the\n        // native dialog closed while the prop still says open.\n        cancelExit();\n\n        return;\n      }\n\n      if (!dialog || isOpen.value) 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      options.onOpen?.(reason);\n    },\n    [Symbol.dispose](): void {\n      overlay.dispose();\n    },\n    toggle(openReason: OverlayOpenReason = 'click', closeReason: DialogCloseReason = 'trigger'): void {\n      if (isOpen.value) overlay.close(closeReason);\n      else overlay.open(openReason);\n    },\n  };\n\n  abortSignal.addEventListener('abort', overlay.dispose, { once: true });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason);\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    // See `handleNativeClose`'s comment: guard against a same-named bubbling event from a\n    // descendant field being misread as this dialog's own native event.\n    if (e.target !== options.dialogRef.value) return;\n\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  // `e.target` must be checked against the native `<dialog>` itself, the same way\n  // `handleBackdropClick` already does: a bubbling `close`-named event fired by *any* descendant\n  // component reaches this listener too — regardless of that event's own `composed` flag, since\n  // slot-assignment-based event-path computation (a slotted descendant's \"parent\" is the `<slot>`\n  // projecting it) isn't gated by `composed` the way crossing back out of a shadow root is. Some\n  // fields nested here (`ore-select`, `ore-combobox`, …) emit their own public `close` event when\n  // *their* dropdown closes — without this check, selecting an option in one of those closes this\n  // dialog too, misreading the field's own event as this dialog's native close.\n  const handleNativeClose = (e?: Event): void => {\n    if (e && e.target !== options.dialogRef.value) return;\n\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 mount = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    options.onEvent(dialog, 'close', handleNativeClose);\n    options.onEvent(dialog, 'cancel', handleCancel);\n\n    let initialized = false;\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open === undefined) {\n          if (!initialized) {\n            if (options.defaultOpen.value) overlay.open('programmatic');\n\n            initialized = true;\n\n            return;\n          }\n\n          overlay.close('programmatic');\n\n          return;\n        }\n\n        initialized = true;\n\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic');\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  return { closeWithAnimation, handleBackdropClick, isOpen, mount, overlay, requestClose };\n}\n"],"mappings":"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"}
+{"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 { createFocusManager, type DialogCloseReason, lifecycleSignal, type OverlayOpenReason } from '../../core';\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  /** Initial uncontrolled open state. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\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   * Standard backdrop-click-to-close handler. Callers wire it themselves\n   * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays: e.g. drawer's\n   * swipe-to-dismiss: need a backdrop handler with extra guards, so it is deliberately not\n   * registered by `mount()`.\n   */\n  handleBackdropClick: (e: MouseEvent) => void;\n  isOpen: Signal<boolean>;\n  /**\n   * Registers the open-prop watcher and the standard native `close`/`cancel` listeners on the\n   * dialog element (Escape closes via the native `cancel` event). Call inside `onMounted()`.\n   * Backdrop-click-to-close is intentionally left to the caller: see `handleBackdropClick`.\n   */\n  mount: () => void;\n  /** The modal dialog controller: open/close/toggle/dispose. */\n  overlay: ModalDialogController;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n};\n\ntype ModalDialogController = {\n  [Symbol.dispose](): void;\n  close(reason?: DialogCloseReason): void;\n  dispose(): void;\n  open(reason?: OverlayOpenReason): void;\n  toggle(openReason?: OverlayOpenReason, closeReason?: DialogCloseReason): 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    signal: abortSignal,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  /** Cancels a pending exit animation so a reopen can keep the dialog open. No-op otherwise. */\n  let cancelExit = (): void => {};\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    let settled = false;\n\n    cancelExit = (): void => {\n      if (settled) return;\n\n      settled = true;\n      dialog.classList.remove('closing');\n      isClosing = false;\n    };\n\n    const finish = () => {\n      if (settled) return;\n\n      settled = true;\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: ModalDialogController = {\n    close(reason: DialogCloseReason = 'programmatic'): void {\n      if (!isOpen.value) return;\n\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        pendingCloseReason = reason;\n        (options.performClose ?? ((element, _reason) => element.close()))(dialog, reason);\n      } else {\n        isOpen.value = false;\n      }\n    },\n    dispose(): void {\n      overlay.close('programmatic');\n    },\n    open(reason: OverlayOpenReason = 'programmatic'): void {\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        // A reopen that arrives while the exit animation is still running cancels\n        // the pending close and keeps the dialog open: the open prop is\n        // authoritative, so a quick close→reopen cycle must not end with the\n        // native dialog closed while the prop still says open.\n        cancelExit();\n\n        return;\n      }\n\n      if (!dialog || isOpen.value) 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      options.onOpen?.(reason);\n    },\n    [Symbol.dispose](): void {\n      overlay.dispose();\n    },\n    toggle(openReason: OverlayOpenReason = 'click', closeReason: DialogCloseReason = 'trigger'): void {\n      if (isOpen.value) overlay.close(closeReason);\n      else overlay.open(openReason);\n    },\n  };\n\n  abortSignal.addEventListener('abort', overlay.dispose, { once: true });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason);\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    // See `handleNativeClose`'s comment: guard against a same-named bubbling event from a\n    // descendant field being misread as this dialog's own native event.\n    if (e.target !== options.dialogRef.value) return;\n\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  // `e.target` must be checked against the native `<dialog>` itself, the same way\n  // `handleBackdropClick` already does: a bubbling `close`-named event fired by *any* descendant\n  // component reaches this listener too: regardless of that event's own `composed` flag, since\n  // slot-assignment-based event-path computation (a slotted descendant's \"parent\" is the `<slot>`\n  // projecting it) isn't gated by `composed` the way crossing back out of a shadow root is. Some\n  // fields nested here (`ore-select`, `ore-combobox`, …) emit their own public `close` event when\n  // *their* dropdown closes: without this check, selecting an option in one of those closes this\n  // dialog too, misreading the field's own event as this dialog's native close.\n  const handleNativeClose = (e?: Event): void => {\n    if (e && e.target !== options.dialogRef.value) return;\n\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 mount = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    options.onEvent(dialog, 'close', handleNativeClose);\n    options.onEvent(dialog, 'cancel', handleCancel);\n\n    let initialized = false;\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open === undefined) {\n          if (!initialized) {\n            if (options.defaultOpen.value) overlay.open('programmatic');\n\n            initialized = true;\n\n            return;\n          }\n\n          overlay.close('programmatic');\n\n          return;\n        }\n\n        initialized = true;\n\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic');\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  return { closeWithAnimation, handleBackdropClick, isOpen, mount, overlay, requestClose };\n}\n"],"mappings":"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"}

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

@@ -22,13 +22,13 @@ export type UseDialogOptions = {
      */
     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,
+     * 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. */
+    /** 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.
@@ -41,8 +41,8 @@ export type UseDialogHandle = {
     closeWithAnimation: () => void;
     /**
      * Standard backdrop-click-to-close handler. Callers wire it themselves
-     * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays — e.g. drawer's
-     * swipe-to-dismiss — need a backdrop handler with extra guards, so it is deliberately not
+     * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays: e.g. drawer's
+     * swipe-to-dismiss: need a backdrop handler with extra guards, so it is deliberately not
      * registered by `mount()`.
      */
     handleBackdropClick: (e: MouseEvent) => void;
@@ -50,10 +50,10 @@ export type UseDialogHandle = {
     /**
      * Registers the open-prop watcher and the standard native `close`/`cancel` listeners on the
      * dialog element (Escape closes via the native `cancel` event). Call inside `onMounted()`.
-     * Backdrop-click-to-close is intentionally left to the caller — see `handleBackdropClick`.
+     * Backdrop-click-to-close is intentionally left to the caller: see `handleBackdropClick`.
      */
     mount: () => void;
-    /** The modal dialog controller — open/close/toggle/dispose. */
+    /** The modal dialog controller: open/close/toggle/dispose. */
     overlay: ModalDialogController;
     /**
      * Dispatch `close-request`; if allowed, call `overlay.close()`.

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

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/use-dialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/use-dialog.ts"],"names":[],"mappings":"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"}

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

@@ -1 +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 { createFocusManager, type DialogCloseReason, lifecycleSignal, type OverlayOpenReason } from '../../core';\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  /** Initial uncontrolled open state. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\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   * Standard backdrop-click-to-close handler. Callers wire it themselves\n   * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays — e.g. drawer's\n   * swipe-to-dismiss — need a backdrop handler with extra guards, so it is deliberately not\n   * registered by `mount()`.\n   */\n  handleBackdropClick: (e: MouseEvent) => void;\n  isOpen: Signal<boolean>;\n  /**\n   * Registers the open-prop watcher and the standard native `close`/`cancel` listeners on the\n   * dialog element (Escape closes via the native `cancel` event). Call inside `onMounted()`.\n   * Backdrop-click-to-close is intentionally left to the caller — see `handleBackdropClick`.\n   */\n  mount: () => void;\n  /** The modal dialog controller — open/close/toggle/dispose. */\n  overlay: ModalDialogController;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n};\n\ntype ModalDialogController = {\n  [Symbol.dispose](): void;\n  close(reason?: DialogCloseReason): void;\n  dispose(): void;\n  open(reason?: OverlayOpenReason): void;\n  toggle(openReason?: OverlayOpenReason, closeReason?: DialogCloseReason): 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    signal: abortSignal,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  /** Cancels a pending exit animation so a reopen can keep the dialog open. No-op otherwise. */\n  let cancelExit = (): void => {};\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    let settled = false;\n\n    cancelExit = (): void => {\n      if (settled) return;\n\n      settled = true;\n      dialog.classList.remove('closing');\n      isClosing = false;\n    };\n\n    const finish = () => {\n      if (settled) return;\n\n      settled = true;\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: ModalDialogController = {\n    close(reason: DialogCloseReason = 'programmatic'): void {\n      if (!isOpen.value) return;\n\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        pendingCloseReason = reason;\n        (options.performClose ?? ((element, _reason) => element.close()))(dialog, reason);\n      } else {\n        isOpen.value = false;\n      }\n    },\n    dispose(): void {\n      overlay.close('programmatic');\n    },\n    open(reason: OverlayOpenReason = 'programmatic'): void {\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        // A reopen that arrives while the exit animation is still running cancels\n        // the pending close and keeps the dialog open — the open prop is\n        // authoritative, so a quick close→reopen cycle must not end with the\n        // native dialog closed while the prop still says open.\n        cancelExit();\n\n        return;\n      }\n\n      if (!dialog || isOpen.value) 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      options.onOpen?.(reason);\n    },\n    [Symbol.dispose](): void {\n      overlay.dispose();\n    },\n    toggle(openReason: OverlayOpenReason = 'click', closeReason: DialogCloseReason = 'trigger'): void {\n      if (isOpen.value) overlay.close(closeReason);\n      else overlay.open(openReason);\n    },\n  };\n\n  abortSignal.addEventListener('abort', overlay.dispose, { once: true });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason);\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    // See `handleNativeClose`'s comment: guard against a same-named bubbling event from a\n    // descendant field being misread as this dialog's own native event.\n    if (e.target !== options.dialogRef.value) return;\n\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  // `e.target` must be checked against the native `<dialog>` itself, the same way\n  // `handleBackdropClick` already does: a bubbling `close`-named event fired by *any* descendant\n  // component reaches this listener too — regardless of that event's own `composed` flag, since\n  // slot-assignment-based event-path computation (a slotted descendant's \"parent\" is the `<slot>`\n  // projecting it) isn't gated by `composed` the way crossing back out of a shadow root is. Some\n  // fields nested here (`ore-select`, `ore-combobox`, …) emit their own public `close` event when\n  // *their* dropdown closes — without this check, selecting an option in one of those closes this\n  // dialog too, misreading the field's own event as this dialog's native close.\n  const handleNativeClose = (e?: Event): void => {\n    if (e && e.target !== options.dialogRef.value) return;\n\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 mount = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    options.onEvent(dialog, 'close', handleNativeClose);\n    options.onEvent(dialog, 'cancel', handleCancel);\n\n    let initialized = false;\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open === undefined) {\n          if (!initialized) {\n            if (options.defaultOpen.value) overlay.open('programmatic');\n\n            initialized = true;\n\n            return;\n          }\n\n          overlay.close('programmatic');\n\n          return;\n        }\n\n        initialized = true;\n\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic');\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  return { closeWithAnimation, handleBackdropClick, isOpen, mount, overlay, requestClose };\n}\n"],"mappings":"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"}
+{"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 { createFocusManager, type DialogCloseReason, lifecycleSignal, type OverlayOpenReason } from '../../core';\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  /** Initial uncontrolled open state. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\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   * Standard backdrop-click-to-close handler. Callers wire it themselves\n   * (`onEvent(dialog, 'click', handleBackdropClick)`) because some overlays: e.g. drawer's\n   * swipe-to-dismiss: need a backdrop handler with extra guards, so it is deliberately not\n   * registered by `mount()`.\n   */\n  handleBackdropClick: (e: MouseEvent) => void;\n  isOpen: Signal<boolean>;\n  /**\n   * Registers the open-prop watcher and the standard native `close`/`cancel` listeners on the\n   * dialog element (Escape closes via the native `cancel` event). Call inside `onMounted()`.\n   * Backdrop-click-to-close is intentionally left to the caller: see `handleBackdropClick`.\n   */\n  mount: () => void;\n  /** The modal dialog controller: open/close/toggle/dispose. */\n  overlay: ModalDialogController;\n  /**\n   * Dispatch `close-request`; if allowed, call `overlay.close()`.\n   */\n  requestClose: (reason: Exclude<DialogCloseReason, 'programmatic'>) => void;\n};\n\ntype ModalDialogController = {\n  [Symbol.dispose](): void;\n  close(reason?: DialogCloseReason): void;\n  dispose(): void;\n  open(reason?: OverlayOpenReason): void;\n  toggle(openReason?: OverlayOpenReason, closeReason?: DialogCloseReason): 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    signal: abortSignal,\n  });\n  // ─────────────────────────────────────────────────────────────────────────\n\n  /** Cancels a pending exit animation so a reopen can keep the dialog open. No-op otherwise. */\n  let cancelExit = (): void => {};\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    let settled = false;\n\n    cancelExit = (): void => {\n      if (settled) return;\n\n      settled = true;\n      dialog.classList.remove('closing');\n      isClosing = false;\n    };\n\n    const finish = () => {\n      if (settled) return;\n\n      settled = true;\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: ModalDialogController = {\n    close(reason: DialogCloseReason = 'programmatic'): void {\n      if (!isOpen.value) return;\n\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        pendingCloseReason = reason;\n        (options.performClose ?? ((element, _reason) => element.close()))(dialog, reason);\n      } else {\n        isOpen.value = false;\n      }\n    },\n    dispose(): void {\n      overlay.close('programmatic');\n    },\n    open(reason: OverlayOpenReason = 'programmatic'): void {\n      const dialog = options.dialogRef.value;\n\n      if (dialog?.open) {\n        // A reopen that arrives while the exit animation is still running cancels\n        // the pending close and keeps the dialog open: the open prop is\n        // authoritative, so a quick close→reopen cycle must not end with the\n        // native dialog closed while the prop still says open.\n        cancelExit();\n\n        return;\n      }\n\n      if (!dialog || isOpen.value) 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      options.onOpen?.(reason);\n    },\n    [Symbol.dispose](): void {\n      overlay.dispose();\n    },\n    toggle(openReason: OverlayOpenReason = 'click', closeReason: DialogCloseReason = 'trigger'): void {\n      if (isOpen.value) overlay.close(closeReason);\n      else overlay.open(openReason);\n    },\n  };\n\n  abortSignal.addEventListener('abort', overlay.dispose, { once: true });\n\n  const requestClose = (reason: Exclude<DialogCloseReason, 'programmatic'>): void => {\n    const allowed = dispatchCloseRequest(reason);\n\n    if (!allowed) return;\n\n    overlay.close(reason);\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    // See `handleNativeClose`'s comment: guard against a same-named bubbling event from a\n    // descendant field being misread as this dialog's own native event.\n    if (e.target !== options.dialogRef.value) return;\n\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  // `e.target` must be checked against the native `<dialog>` itself, the same way\n  // `handleBackdropClick` already does: a bubbling `close`-named event fired by *any* descendant\n  // component reaches this listener too: regardless of that event's own `composed` flag, since\n  // slot-assignment-based event-path computation (a slotted descendant's \"parent\" is the `<slot>`\n  // projecting it) isn't gated by `composed` the way crossing back out of a shadow root is. Some\n  // fields nested here (`ore-select`, `ore-combobox`, …) emit their own public `close` event when\n  // *their* dropdown closes: without this check, selecting an option in one of those closes this\n  // dialog too, misreading the field's own event as this dialog's native close.\n  const handleNativeClose = (e?: Event): void => {\n    if (e && e.target !== options.dialogRef.value) return;\n\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 mount = (): void => {\n    const dialog = options.dialogRef.value;\n\n    if (!dialog) return;\n\n    options.onEvent(dialog, 'close', handleNativeClose);\n    options.onEvent(dialog, 'cancel', handleCancel);\n\n    let initialized = false;\n\n    watch(\n      options.openProp,\n      (open) => {\n        if (open === undefined) {\n          if (!initialized) {\n            if (options.defaultOpen.value) overlay.open('programmatic');\n\n            initialized = true;\n\n            return;\n          }\n\n          overlay.close('programmatic');\n\n          return;\n        }\n\n        initialized = true;\n\n        if (open) {\n          overlay.open('programmatic');\n        } else {\n          overlay.close('programmatic');\n        }\n      },\n      { immediate: true },\n    );\n  };\n\n  return { closeWithAnimation, handleBackdropClick, isOpen, mount, overlay, requestClose };\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-floating-trigger.cjs","names":[],"sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"sourcesContent":["import type { Placement } from '@vielzeug/orbit';\n\nimport { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  createDropdownPositioner,\n  createOutsidePointerDismissal,\n  type DialogCloseReason,\n  lifecycleSignal,\n  type OverlayOpenReason,\n} from '../../core';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type FloatingTriggerType = 'click' | 'focus' | 'hover';\n\nexport type AriaBindFn = (triggerEl: HTMLElement) => () => void;\n\nexport type FloatingTriggerOptions = {\n  /** ARIA binding factory: called with the trigger element, returns a cleanup. */\n  bindTriggerAria: AriaBindFn;\n  /** Initial uncontrolled visibility. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\n  /** If true, disable all trigger interactions and close if open. */\n  disabled: Readable<boolean>;\n  /** Returns the host element (e.g. ore-popover) so slotted content clicks aren't treated as outside clicks. */\n  getHost?: () => Element | null;\n  /** Returns the panel element, if mounted. */\n  getPanel: () => HTMLElement | null;\n  /** Gap from reference to floating panel in px, read on every position update. Default: 8. */\n  offset?: () => number | undefined;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /** Called when the popover closes. */\n  onClose?: (reason: DialogCloseReason) => void;\n  /** Called when the popover opens. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Callback when resolved placement changes (useful for CSS attribute). */\n  onPlacementChange?: (placement: Placement) => void;\n  /** Controlled open prop. When defined, disables uncontrolled logic. */\n  openProp: Readable<boolean | undefined>;\n  /** Preferred placement. Default: 'bottom'. */\n  placement: Readable<Placement>;\n  /** Resolves the trigger slot element. Called each time events are (re)bound. */\n  slot: () => HTMLSlotElement | null;\n  /** Slot elements signal — used to rebind when slotted elements change. */\n  slotElements: Readable<Element[]>;\n  /** Which triggers are active. Set to empty array or omit if handling events manually. */\n  triggers: Readable<FloatingTriggerType[]>;\n};\n\nexport type FloatingTriggerHandle = {\n  /** Closes the panel or requests that a controlled consumer close it. */\n  close: (reason?: DialogCloseReason) => void;\n  /**\n   * Call inside `onMounted`. Sets up slot + trigger event watchers\n   * and returns a cleanup function to pass back to the framework.\n   */\n  mount: () => () => void;\n  /** Opens the panel or requests that a controlled consumer open it. */\n  open: (reason?: OverlayOpenReason) => void;\n  /** Toggles the panel or requests the matching controlled-state change. */\n  toggle: () => void;\n  /** Manually trigger a position recalculation. */\n  updatePosition: () => void;\n  /** Whether the panel is currently visible. */\n  visible: Signal<boolean>;\n};\n\n// ── Implementation ─────────────────────────────────────────────────────────────\n\n/**\n * Shared logic for floating-panel triggers (tooltip, popover).\n *\n * Handles:\n * - Slot-based trigger element detection and rebinding\n * - Event binding per trigger type (hover / focus / click)\n * - Floating-element positioning via `@vielzeug/orbit`\n * - Controlled mode via `openProp` watcher\n * - Keyboard escape dismissal\n *\n * ARIA binding is intentionally delegated to the caller via `bindTriggerAria`\n * so that tooltip (`describedby`) and popover (`expanded`/`controls`/…) can diverge.\n */\nexport const useFloatingTrigger = (options: FloatingTriggerOptions): FloatingTriggerHandle => {\n  const {\n    bindTriggerAria,\n    defaultOpen,\n    disabled,\n    getPanel,\n    onClose,\n    onOpen,\n    onPlacementChange,\n    openProp,\n    placement,\n    slot,\n    slotElements,\n    triggers,\n  } = options;\n\n  const getOffset = (): number => options.offset?.() ?? 8;\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const visible = signal(false);\n  const isControlled = () => openProp.value !== undefined;\n  let currentTrigger: HTMLElement | null = null;\n  let triggerBinding: (() => void) | null = null;\n\n  const resolveTrigger = (): HTMLElement | null =>\n    currentTrigger ?? (slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined) ?? null;\n\n  // The same Orbit positioner the dropdown overlays use — RTL placement mirroring, the\n  // containing-block self-correction, and flip/shift, so popover/tooltip no longer carry a second,\n  // divergent copy of the positioning logic. Panels render in the Popover API top layer (no\n  // clipping ancestor) and size themselves (no width matching), matching `ore-menu`'s config.\n  const positioner = createDropdownPositioner({\n    getFloating: getPanel,\n    getOffsetPx: getOffset,\n    getPlacement: () => placement.value,\n    getReference: resolveTrigger,\n    matchWidth: false,\n    onPlacementChange: (resolved) => {\n      const panel = getPanel();\n\n      if (panel) panel.dataset.placement = resolved;\n\n      onPlacementChange?.(resolved);\n    },\n    padding: 8,\n    useClippingAncestor: false,\n  });\n\n  function updatePosition(): void {\n    positioner.update();\n  }\n\n  function showFloat(): void {\n    visible.value = true;\n\n    const panel = getPanel();\n\n    if (panel) {\n      panel.dataset.open = '';\n\n      if ('showPopover' in panel) {\n        try {\n          if (!panel.matches(':popover-open')) panel.showPopover();\n        } catch {\n          // Popover API restricted (e.g. sandboxed iframe); data-open CSS fallback handles visibility.\n        }\n      }\n    }\n\n    updatePosition();\n  }\n\n  function hideFloat(): void {\n    visible.value = false;\n\n    const panel = getPanel();\n\n    if (panel) {\n      delete panel.dataset.open;\n\n      if ('hidePopover' in panel) {\n        try {\n          if (panel.matches(':popover-open')) panel.hidePopover();\n        } catch {\n          // Popover API restricted; data-open removal handles visibility.\n        }\n      }\n    }\n  }\n\n  function open(reason: OverlayOpenReason = 'programmatic'): void {\n    if (disabled.value || visible.value) return;\n    if (isControlled()) {\n      onOpen?.(reason);\n      return;\n    }\n\n    showFloat();\n    onOpen?.(reason);\n  }\n\n  function close(reason: DialogCloseReason = 'trigger'): void {\n    if (!visible.value) return;\n    if (isControlled()) {\n      onClose?.(reason);\n      return;\n    }\n\n    hideFloat();\n    onClose?.(reason);\n  }\n\n  function toggle(): void {\n    if (visible.value) close();\n    else open('click');\n  }\n\n  function handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') close('escape');\n  }\n\n  function handleFocusOut(e: FocusEvent): void {\n    const next = e.relatedTarget as Element | null;\n    const panel = getPanel();\n\n    if (next && panel?.contains(next)) return;\n\n    if (next && currentTrigger?.contains(next)) return;\n\n    close('trigger');\n  }\n\n  const bindEvents = (): void => {\n    triggerBinding?.();\n    triggerBinding = null;\n\n    const triggerEl = slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n    if (!triggerEl) {\n      currentTrigger = null;\n\n      return;\n    }\n\n    currentTrigger = triggerEl;\n\n    const removeAria = bindTriggerAria(triggerEl);\n    const cleanups: Array<() => void> = [];\n\n    const add = (\n      target: EventTarget,\n      event: string,\n      listener: EventListener,\n      eventOptions?: AddEventListenerOptions,\n    ): void => {\n      target.addEventListener(event, listener, eventOptions);\n      cleanups.push(() => target.removeEventListener(event, listener, eventOptions));\n    };\n\n    const t = triggers.value;\n\n    if (t.includes('click')) {\n      add(triggerEl, 'click', toggle as EventListener);\n    }\n\n    if (t.includes('hover')) {\n      add(triggerEl, 'pointerenter', () => open('hover'));\n      add(triggerEl, 'pointerleave', () => close('trigger'));\n\n      const panelEl = getPanel();\n\n      if (panelEl) {\n        add(panelEl, 'pointerenter', () => open('hover'));\n        add(panelEl, 'pointerleave', () => close('trigger'));\n      }\n    }\n\n    if (t.includes('focus')) {\n      add(triggerEl, 'focusin', () => open('focus'));\n      add(triggerEl, 'focusout', handleFocusOut as EventListener);\n\n      const panelEl = getPanel();\n\n      if (panelEl) add(panelEl, 'focusout', handleFocusOut as EventListener);\n    }\n\n    add(document, 'keydown', handleKeydown as EventListener);\n\n    triggerBinding = () => {\n      removeAria();\n\n      for (const cleanup of cleanups) cleanup();\n\n      currentTrigger = null;\n    };\n  };\n\n  const stopOutsidePointerDismissal = createOutsidePointerDismissal({\n    getTargets: () => [currentTrigger, getPanel(), options.getHost?.()],\n    isActive: () => visible.value && triggers.value.includes('click'),\n    onDismiss: () => close('outsideClick'),\n    signal: abortSignal,\n  });\n\n  const mount = (): (() => void) => {\n    let initializedOpenProp = false;\n    const triggerSlot = slot();\n    const rebind = (): void => {\n      queueMicrotask(() => {\n        if (!abortSignal.aborted) bindEvents();\n      });\n    };\n\n    triggerSlot?.addEventListener('slotchange', rebind);\n    rebind();\n    watch(slotElements, bindEvents, { immediate: true });\n\n    watch(\n      openProp,\n      (openVal) => {\n        if (openVal === undefined || openVal === null) {\n          if (initializedOpenProp && visible.value) {\n            hideFloat();\n            onClose?.('programmatic');\n          }\n\n          initializedOpenProp = true;\n\n          return;\n        }\n\n        initializedOpenProp = true;\n\n        if (openVal) showFloat();\n        else if (visible.value) hideFloat();\n      },\n      { immediate: true },\n    );\n\n    if (openProp.value === undefined && defaultOpen.value) {\n      showFloat();\n      onOpen?.('programmatic');\n    }\n\n    watch(disabled, (isNowDisabled) => {\n      if (isNowDisabled) close('programmatic');\n    });\n\n    return () => {\n      triggerSlot?.removeEventListener('slotchange', rebind);\n      triggerBinding?.();\n      triggerBinding = null;\n\n      const panel = getPanel();\n\n      if (panel) {\n        delete panel.dataset.open;\n\n        if ('hidePopover' in panel) {\n          try {\n            if (panel.matches(':popover-open')) panel.hidePopover();\n          } catch {\n            // Popover API restricted; data-open removal handles visibility.\n          }\n        }\n      }\n\n      stopOutsidePointerDismissal();\n    };\n  };\n\n  return { close, mount, open, toggle, updatePosition, visible };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-floating-trigger.cjs","names":[],"sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"sourcesContent":["import type { Placement } from '@vielzeug/orbit';\n\nimport { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  createDropdownPositioner,\n  createOutsidePointerDismissal,\n  type DialogCloseReason,\n  lifecycleSignal,\n  type OverlayOpenReason,\n} from '../../core';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type FloatingTriggerType = 'click' | 'focus' | 'hover';\n\nexport type AriaBindFn = (triggerEl: HTMLElement) => () => void;\n\nexport type FloatingTriggerOptions = {\n  /** ARIA binding factory: called with the trigger element, returns a cleanup. */\n  bindTriggerAria: AriaBindFn;\n  /** Initial uncontrolled visibility. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\n  /** If true, disable all trigger interactions and close if open. */\n  disabled: Readable<boolean>;\n  /** Returns the host element (e.g. ore-popover) so slotted content clicks aren't treated as outside clicks. */\n  getHost?: () => Element | null;\n  /** Returns the panel element, if mounted. */\n  getPanel: () => HTMLElement | null;\n  /** Gap from reference to floating panel in px, read on every position update. Default: 8. */\n  offset?: () => number | undefined;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /** Called when the popover closes. */\n  onClose?: (reason: DialogCloseReason) => void;\n  /** Called when the popover opens. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Callback when resolved placement changes (useful for CSS attribute). */\n  onPlacementChange?: (placement: Placement) => void;\n  /** Controlled open prop. When defined, disables uncontrolled logic. */\n  openProp: Readable<boolean | undefined>;\n  /** Preferred placement. Default: 'bottom'. */\n  placement: Readable<Placement>;\n  /** Resolves the trigger slot element. Called each time events are (re)bound. */\n  slot: () => HTMLSlotElement | null;\n  /** Slot elements signal: used to rebind when slotted elements change. */\n  slotElements: Readable<Element[]>;\n  /** Which triggers are active. Set to empty array or omit if handling events manually. */\n  triggers: Readable<FloatingTriggerType[]>;\n};\n\nexport type FloatingTriggerHandle = {\n  /** Closes the panel or requests that a controlled consumer close it. */\n  close: (reason?: DialogCloseReason) => void;\n  /**\n   * Call inside `onMounted`. Sets up slot + trigger event watchers\n   * and returns a cleanup function to pass back to the framework.\n   */\n  mount: () => () => void;\n  /** Opens the panel or requests that a controlled consumer open it. */\n  open: (reason?: OverlayOpenReason) => void;\n  /** Toggles the panel or requests the matching controlled-state change. */\n  toggle: () => void;\n  /** Manually trigger a position recalculation. */\n  updatePosition: () => void;\n  /** Whether the panel is currently visible. */\n  visible: Signal<boolean>;\n};\n\n// ── Implementation ─────────────────────────────────────────────────────────────\n\n/**\n * Shared logic for floating-panel triggers (tooltip, popover).\n *\n * Handles:\n * - Slot-based trigger element detection and rebinding\n * - Event binding per trigger type (hover / focus / click)\n * - Floating-element positioning via `@vielzeug/orbit`\n * - Controlled mode via `openProp` watcher\n * - Keyboard escape dismissal\n *\n * ARIA binding is intentionally delegated to the caller via `bindTriggerAria`\n * so that tooltip (`describedby`) and popover (`expanded`/`controls`/…) can diverge.\n */\nexport const useFloatingTrigger = (options: FloatingTriggerOptions): FloatingTriggerHandle => {\n  const {\n    bindTriggerAria,\n    defaultOpen,\n    disabled,\n    getPanel,\n    onClose,\n    onOpen,\n    onPlacementChange,\n    openProp,\n    placement,\n    slot,\n    slotElements,\n    triggers,\n  } = options;\n\n  const getOffset = (): number => options.offset?.() ?? 8;\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const visible = signal(false);\n  const isControlled = () => openProp.value !== undefined;\n  let currentTrigger: HTMLElement | null = null;\n  let triggerBinding: (() => void) | null = null;\n\n  const resolveTrigger = (): HTMLElement | null =>\n    currentTrigger ?? (slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined) ?? null;\n\n  // The same Orbit positioner the dropdown overlays use: RTL placement mirroring, the\n  // containing-block self-correction, and flip/shift, so popover/tooltip no longer carry a second,\n  // divergent copy of the positioning logic. Panels render in the Popover API top layer (no\n  // clipping ancestor) and size themselves (no width matching), matching `ore-menu`'s config.\n  const positioner = createDropdownPositioner({\n    getFloating: getPanel,\n    getOffsetPx: getOffset,\n    getPlacement: () => placement.value,\n    getReference: resolveTrigger,\n    matchWidth: false,\n    onPlacementChange: (resolved) => {\n      const panel = getPanel();\n\n      if (panel) panel.dataset.placement = resolved;\n\n      onPlacementChange?.(resolved);\n    },\n    padding: 8,\n    useClippingAncestor: false,\n  });\n\n  function updatePosition(): void {\n    positioner.update();\n  }\n\n  function showFloat(): void {\n    visible.value = true;\n\n    const panel = getPanel();\n\n    if (panel) {\n      panel.dataset.open = '';\n\n      if ('showPopover' in panel) {\n        try {\n          if (!panel.matches(':popover-open')) panel.showPopover();\n        } catch {\n          // Popover API restricted (e.g. sandboxed iframe); data-open CSS fallback handles visibility.\n        }\n      }\n    }\n\n    updatePosition();\n  }\n\n  function hideFloat(): void {\n    visible.value = false;\n\n    const panel = getPanel();\n\n    if (panel) {\n      delete panel.dataset.open;\n\n      if ('hidePopover' in panel) {\n        try {\n          if (panel.matches(':popover-open')) panel.hidePopover();\n        } catch {\n          // Popover API restricted; data-open removal handles visibility.\n        }\n      }\n    }\n  }\n\n  function open(reason: OverlayOpenReason = 'programmatic'): void {\n    if (disabled.value || visible.value) return;\n    if (isControlled()) {\n      onOpen?.(reason);\n      return;\n    }\n\n    showFloat();\n    onOpen?.(reason);\n  }\n\n  function close(reason: DialogCloseReason = 'trigger'): void {\n    if (!visible.value) return;\n    if (isControlled()) {\n      onClose?.(reason);\n      return;\n    }\n\n    hideFloat();\n    onClose?.(reason);\n  }\n\n  function toggle(): void {\n    if (visible.value) close();\n    else open('click');\n  }\n\n  function handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') close('escape');\n  }\n\n  function handleFocusOut(e: FocusEvent): void {\n    const next = e.relatedTarget as Element | null;\n    const panel = getPanel();\n\n    if (next && panel?.contains(next)) return;\n\n    if (next && currentTrigger?.contains(next)) return;\n\n    close('trigger');\n  }\n\n  const bindEvents = (): void => {\n    triggerBinding?.();\n    triggerBinding = null;\n\n    const triggerEl = slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n    if (!triggerEl) {\n      currentTrigger = null;\n\n      return;\n    }\n\n    currentTrigger = triggerEl;\n\n    const removeAria = bindTriggerAria(triggerEl);\n    const cleanups: Array<() => void> = [];\n\n    const add = (\n      target: EventTarget,\n      event: string,\n      listener: EventListener,\n      eventOptions?: AddEventListenerOptions,\n    ): void => {\n      target.addEventListener(event, listener, eventOptions);\n      cleanups.push(() => target.removeEventListener(event, listener, eventOptions));\n    };\n\n    const t = triggers.value;\n\n    if (t.includes('click')) {\n      add(triggerEl, 'click', toggle as EventListener);\n    }\n\n    if (t.includes('hover')) {\n      add(triggerEl, 'pointerenter', () => open('hover'));\n      add(triggerEl, 'pointerleave', () => close('trigger'));\n\n      const panelEl = getPanel();\n\n      if (panelEl) {\n        add(panelEl, 'pointerenter', () => open('hover'));\n        add(panelEl, 'pointerleave', () => close('trigger'));\n      }\n    }\n\n    if (t.includes('focus')) {\n      add(triggerEl, 'focusin', () => open('focus'));\n      add(triggerEl, 'focusout', handleFocusOut as EventListener);\n\n      const panelEl = getPanel();\n\n      if (panelEl) add(panelEl, 'focusout', handleFocusOut as EventListener);\n    }\n\n    add(document, 'keydown', handleKeydown as EventListener);\n\n    triggerBinding = () => {\n      removeAria();\n\n      for (const cleanup of cleanups) cleanup();\n\n      currentTrigger = null;\n    };\n  };\n\n  const stopOutsidePointerDismissal = createOutsidePointerDismissal({\n    getTargets: () => [currentTrigger, getPanel(), options.getHost?.()],\n    isActive: () => visible.value && triggers.value.includes('click'),\n    onDismiss: () => close('outsideClick'),\n    signal: abortSignal,\n  });\n\n  const mount = (): (() => void) => {\n    let initializedOpenProp = false;\n    const triggerSlot = slot();\n    const rebind = (): void => {\n      queueMicrotask(() => {\n        if (!abortSignal.aborted) bindEvents();\n      });\n    };\n\n    triggerSlot?.addEventListener('slotchange', rebind);\n    rebind();\n    watch(slotElements, bindEvents, { immediate: true });\n\n    watch(\n      openProp,\n      (openVal) => {\n        if (openVal === undefined || openVal === null) {\n          if (initializedOpenProp && visible.value) {\n            hideFloat();\n            onClose?.('programmatic');\n          }\n\n          initializedOpenProp = true;\n\n          return;\n        }\n\n        initializedOpenProp = true;\n\n        if (openVal) showFloat();\n        else if (visible.value) hideFloat();\n      },\n      { immediate: true },\n    );\n\n    if (openProp.value === undefined && defaultOpen.value) {\n      showFloat();\n      onOpen?.('programmatic');\n    }\n\n    watch(disabled, (isNowDisabled) => {\n      if (isNowDisabled) close('programmatic');\n    });\n\n    return () => {\n      triggerSlot?.removeEventListener('slotchange', rebind);\n      triggerBinding?.();\n      triggerBinding = null;\n\n      const panel = getPanel();\n\n      if (panel) {\n        delete panel.dataset.open;\n\n        if ('hidePopover' in panel) {\n          try {\n            if (panel.matches(':popover-open')) panel.hidePopover();\n          } catch {\n            // Popover API restricted; data-open removal handles visibility.\n          }\n        }\n      }\n\n      stopOutsidePointerDismissal();\n    };\n  };\n\n  return { close, mount, open, toggle, updatePosition, visible };\n};\n"],"mappings":"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"}

package/dist/overlay/shared/use-floating-trigger.d.ts

@@ -30,7 +30,7 @@ export type FloatingTriggerOptions = {
     placement: Readable<Placement>;
     /** Resolves the trigger slot element. Called each time events are (re)bound. */
     slot: () => HTMLSlotElement | null;
-    /** Slot elements signal — used to rebind when slotted elements change. */
+    /** Slot elements signal: used to rebind when slotted elements change. */
     slotElements: Readable<Element[]>;
     /** Which triggers are active. Set to empty array or omit if handling events manually. */
     triggers: Readable<FloatingTriggerType[]>;

package/dist/overlay/shared/use-floating-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-trigger.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAIpB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,WAAW,KAAK,MAAM,IAAI,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,gFAAgF;IAChF,eAAe,EAAE,UAAU,CAAC;IAC5B,2EAA2E;IAC3E,WAAW,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3C,mEAAmE;IACnE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACnC,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAClC,0FAA0F;IAC1F,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,qCAAqC;IACrC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,uEAAuE;IACvE,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACxC,8CAA8C;IAC9C,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC/B,gFAAgF;IAChF,IAAI,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IACnC,0EAA0E;IAC1E,YAAY,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAClC,yFAAyF;IACzF,QAAQ,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,wEAAwE;IACxE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,KAAK,EAAE,MAAM,MAAM,IAAI,CAAC;IACxB,sEAAsE;IACtE,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iDAAiD;IACjD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,sBAAsB,KAAG,qBA+QpE,CAAC"}
+{"version":3,"file":"use-floating-trigger.d.ts","sourceRoot":"","sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAiB,MAAM,kBAAkB,CAAC;AAE7E,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,iBAAiB,EACvB,MAAM,YAAY,CAAC;AAIpB,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,CAAC,SAAS,EAAE,WAAW,KAAK,MAAM,IAAI,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,gFAAgF;IAChF,eAAe,EAAE,UAAU,CAAC;IAC5B,2EAA2E;IAC3E,WAAW,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3C,mEAAmE;IACnE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,8GAA8G;IAC9G,OAAO,CAAC,EAAE,MAAM,OAAO,GAAG,IAAI,CAAC;IAC/B,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACnC,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,MAAM,GAAG,SAAS,CAAC;IAClC,0FAA0F;IAC1F,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,qCAAqC;IACrC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACnD,uEAAuE;IACvE,QAAQ,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACxC,8CAA8C;IAC9C,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC/B,gFAAgF;IAChF,IAAI,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IACnC,yEAAyE;IACzE,YAAY,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IAClC,yFAAyF;IACzF,QAAQ,EAAE,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,wEAAwE;IACxE,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,KAAK,EAAE,MAAM,MAAM,IAAI,CAAC;IACxB,sEAAsE;IACtE,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,0EAA0E;IAC1E,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,iDAAiD;IACjD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;CAC1B,CAAC;AAIF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,sBAAsB,KAAG,qBA+QpE,CAAC"}

package/dist/overlay/shared/use-floating-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-trigger.js","names":[],"sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"sourcesContent":["import type { Placement } from '@vielzeug/orbit';\n\nimport { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  createDropdownPositioner,\n  createOutsidePointerDismissal,\n  type DialogCloseReason,\n  lifecycleSignal,\n  type OverlayOpenReason,\n} from '../../core';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type FloatingTriggerType = 'click' | 'focus' | 'hover';\n\nexport type AriaBindFn = (triggerEl: HTMLElement) => () => void;\n\nexport type FloatingTriggerOptions = {\n  /** ARIA binding factory: called with the trigger element, returns a cleanup. */\n  bindTriggerAria: AriaBindFn;\n  /** Initial uncontrolled visibility. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\n  /** If true, disable all trigger interactions and close if open. */\n  disabled: Readable<boolean>;\n  /** Returns the host element (e.g. ore-popover) so slotted content clicks aren't treated as outside clicks. */\n  getHost?: () => Element | null;\n  /** Returns the panel element, if mounted. */\n  getPanel: () => HTMLElement | null;\n  /** Gap from reference to floating panel in px, read on every position update. Default: 8. */\n  offset?: () => number | undefined;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /** Called when the popover closes. */\n  onClose?: (reason: DialogCloseReason) => void;\n  /** Called when the popover opens. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Callback when resolved placement changes (useful for CSS attribute). */\n  onPlacementChange?: (placement: Placement) => void;\n  /** Controlled open prop. When defined, disables uncontrolled logic. */\n  openProp: Readable<boolean | undefined>;\n  /** Preferred placement. Default: 'bottom'. */\n  placement: Readable<Placement>;\n  /** Resolves the trigger slot element. Called each time events are (re)bound. */\n  slot: () => HTMLSlotElement | null;\n  /** Slot elements signal — used to rebind when slotted elements change. */\n  slotElements: Readable<Element[]>;\n  /** Which triggers are active. Set to empty array or omit if handling events manually. */\n  triggers: Readable<FloatingTriggerType[]>;\n};\n\nexport type FloatingTriggerHandle = {\n  /** Closes the panel or requests that a controlled consumer close it. */\n  close: (reason?: DialogCloseReason) => void;\n  /**\n   * Call inside `onMounted`. Sets up slot + trigger event watchers\n   * and returns a cleanup function to pass back to the framework.\n   */\n  mount: () => () => void;\n  /** Opens the panel or requests that a controlled consumer open it. */\n  open: (reason?: OverlayOpenReason) => void;\n  /** Toggles the panel or requests the matching controlled-state change. */\n  toggle: () => void;\n  /** Manually trigger a position recalculation. */\n  updatePosition: () => void;\n  /** Whether the panel is currently visible. */\n  visible: Signal<boolean>;\n};\n\n// ── Implementation ─────────────────────────────────────────────────────────────\n\n/**\n * Shared logic for floating-panel triggers (tooltip, popover).\n *\n * Handles:\n * - Slot-based trigger element detection and rebinding\n * - Event binding per trigger type (hover / focus / click)\n * - Floating-element positioning via `@vielzeug/orbit`\n * - Controlled mode via `openProp` watcher\n * - Keyboard escape dismissal\n *\n * ARIA binding is intentionally delegated to the caller via `bindTriggerAria`\n * so that tooltip (`describedby`) and popover (`expanded`/`controls`/…) can diverge.\n */\nexport const useFloatingTrigger = (options: FloatingTriggerOptions): FloatingTriggerHandle => {\n  const {\n    bindTriggerAria,\n    defaultOpen,\n    disabled,\n    getPanel,\n    onClose,\n    onOpen,\n    onPlacementChange,\n    openProp,\n    placement,\n    slot,\n    slotElements,\n    triggers,\n  } = options;\n\n  const getOffset = (): number => options.offset?.() ?? 8;\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const visible = signal(false);\n  const isControlled = () => openProp.value !== undefined;\n  let currentTrigger: HTMLElement | null = null;\n  let triggerBinding: (() => void) | null = null;\n\n  const resolveTrigger = (): HTMLElement | null =>\n    currentTrigger ?? (slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined) ?? null;\n\n  // The same Orbit positioner the dropdown overlays use — RTL placement mirroring, the\n  // containing-block self-correction, and flip/shift, so popover/tooltip no longer carry a second,\n  // divergent copy of the positioning logic. Panels render in the Popover API top layer (no\n  // clipping ancestor) and size themselves (no width matching), matching `ore-menu`'s config.\n  const positioner = createDropdownPositioner({\n    getFloating: getPanel,\n    getOffsetPx: getOffset,\n    getPlacement: () => placement.value,\n    getReference: resolveTrigger,\n    matchWidth: false,\n    onPlacementChange: (resolved) => {\n      const panel = getPanel();\n\n      if (panel) panel.dataset.placement = resolved;\n\n      onPlacementChange?.(resolved);\n    },\n    padding: 8,\n    useClippingAncestor: false,\n  });\n\n  function updatePosition(): void {\n    positioner.update();\n  }\n\n  function showFloat(): void {\n    visible.value = true;\n\n    const panel = getPanel();\n\n    if (panel) {\n      panel.dataset.open = '';\n\n      if ('showPopover' in panel) {\n        try {\n          if (!panel.matches(':popover-open')) panel.showPopover();\n        } catch {\n          // Popover API restricted (e.g. sandboxed iframe); data-open CSS fallback handles visibility.\n        }\n      }\n    }\n\n    updatePosition();\n  }\n\n  function hideFloat(): void {\n    visible.value = false;\n\n    const panel = getPanel();\n\n    if (panel) {\n      delete panel.dataset.open;\n\n      if ('hidePopover' in panel) {\n        try {\n          if (panel.matches(':popover-open')) panel.hidePopover();\n        } catch {\n          // Popover API restricted; data-open removal handles visibility.\n        }\n      }\n    }\n  }\n\n  function open(reason: OverlayOpenReason = 'programmatic'): void {\n    if (disabled.value || visible.value) return;\n    if (isControlled()) {\n      onOpen?.(reason);\n      return;\n    }\n\n    showFloat();\n    onOpen?.(reason);\n  }\n\n  function close(reason: DialogCloseReason = 'trigger'): void {\n    if (!visible.value) return;\n    if (isControlled()) {\n      onClose?.(reason);\n      return;\n    }\n\n    hideFloat();\n    onClose?.(reason);\n  }\n\n  function toggle(): void {\n    if (visible.value) close();\n    else open('click');\n  }\n\n  function handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') close('escape');\n  }\n\n  function handleFocusOut(e: FocusEvent): void {\n    const next = e.relatedTarget as Element | null;\n    const panel = getPanel();\n\n    if (next && panel?.contains(next)) return;\n\n    if (next && currentTrigger?.contains(next)) return;\n\n    close('trigger');\n  }\n\n  const bindEvents = (): void => {\n    triggerBinding?.();\n    triggerBinding = null;\n\n    const triggerEl = slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n    if (!triggerEl) {\n      currentTrigger = null;\n\n      return;\n    }\n\n    currentTrigger = triggerEl;\n\n    const removeAria = bindTriggerAria(triggerEl);\n    const cleanups: Array<() => void> = [];\n\n    const add = (\n      target: EventTarget,\n      event: string,\n      listener: EventListener,\n      eventOptions?: AddEventListenerOptions,\n    ): void => {\n      target.addEventListener(event, listener, eventOptions);\n      cleanups.push(() => target.removeEventListener(event, listener, eventOptions));\n    };\n\n    const t = triggers.value;\n\n    if (t.includes('click')) {\n      add(triggerEl, 'click', toggle as EventListener);\n    }\n\n    if (t.includes('hover')) {\n      add(triggerEl, 'pointerenter', () => open('hover'));\n      add(triggerEl, 'pointerleave', () => close('trigger'));\n\n      const panelEl = getPanel();\n\n      if (panelEl) {\n        add(panelEl, 'pointerenter', () => open('hover'));\n        add(panelEl, 'pointerleave', () => close('trigger'));\n      }\n    }\n\n    if (t.includes('focus')) {\n      add(triggerEl, 'focusin', () => open('focus'));\n      add(triggerEl, 'focusout', handleFocusOut as EventListener);\n\n      const panelEl = getPanel();\n\n      if (panelEl) add(panelEl, 'focusout', handleFocusOut as EventListener);\n    }\n\n    add(document, 'keydown', handleKeydown as EventListener);\n\n    triggerBinding = () => {\n      removeAria();\n\n      for (const cleanup of cleanups) cleanup();\n\n      currentTrigger = null;\n    };\n  };\n\n  const stopOutsidePointerDismissal = createOutsidePointerDismissal({\n    getTargets: () => [currentTrigger, getPanel(), options.getHost?.()],\n    isActive: () => visible.value && triggers.value.includes('click'),\n    onDismiss: () => close('outsideClick'),\n    signal: abortSignal,\n  });\n\n  const mount = (): (() => void) => {\n    let initializedOpenProp = false;\n    const triggerSlot = slot();\n    const rebind = (): void => {\n      queueMicrotask(() => {\n        if (!abortSignal.aborted) bindEvents();\n      });\n    };\n\n    triggerSlot?.addEventListener('slotchange', rebind);\n    rebind();\n    watch(slotElements, bindEvents, { immediate: true });\n\n    watch(\n      openProp,\n      (openVal) => {\n        if (openVal === undefined || openVal === null) {\n          if (initializedOpenProp && visible.value) {\n            hideFloat();\n            onClose?.('programmatic');\n          }\n\n          initializedOpenProp = true;\n\n          return;\n        }\n\n        initializedOpenProp = true;\n\n        if (openVal) showFloat();\n        else if (visible.value) hideFloat();\n      },\n      { immediate: true },\n    );\n\n    if (openProp.value === undefined && defaultOpen.value) {\n      showFloat();\n      onOpen?.('programmatic');\n    }\n\n    watch(disabled, (isNowDisabled) => {\n      if (isNowDisabled) close('programmatic');\n    });\n\n    return () => {\n      triggerSlot?.removeEventListener('slotchange', rebind);\n      triggerBinding?.();\n      triggerBinding = null;\n\n      const panel = getPanel();\n\n      if (panel) {\n        delete panel.dataset.open;\n\n        if ('hidePopover' in panel) {\n          try {\n            if (panel.matches(':popover-open')) panel.hidePopover();\n          } catch {\n            // Popover API restricted; data-open removal handles visibility.\n          }\n        }\n      }\n\n      stopOutsidePointerDismissal();\n    };\n  };\n\n  return { close, mount, open, toggle, updatePosition, visible };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-floating-trigger.js","names":[],"sources":["../../../src/overlay/shared/use-floating-trigger.ts"],"sourcesContent":["import type { Placement } from '@vielzeug/orbit';\n\nimport { type Readable, type Signal, signal, watch } from '@vielzeug/ripple';\n\nimport {\n  createDropdownPositioner,\n  createOutsidePointerDismissal,\n  type DialogCloseReason,\n  lifecycleSignal,\n  type OverlayOpenReason,\n} from '../../core';\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport type FloatingTriggerType = 'click' | 'focus' | 'hover';\n\nexport type AriaBindFn = (triggerEl: HTMLElement) => () => void;\n\nexport type FloatingTriggerOptions = {\n  /** ARIA binding factory: called with the trigger element, returns a cleanup. */\n  bindTriggerAria: AriaBindFn;\n  /** Initial uncontrolled visibility. Ignored when `openProp` is defined. */\n  defaultOpen: Readable<boolean | undefined>;\n  /** If true, disable all trigger interactions and close if open. */\n  disabled: Readable<boolean>;\n  /** Returns the host element (e.g. ore-popover) so slotted content clicks aren't treated as outside clicks. */\n  getHost?: () => Element | null;\n  /** Returns the panel element, if mounted. */\n  getPanel: () => HTMLElement | null;\n  /** Gap from reference to floating panel in px, read on every position update. Default: 8. */\n  offset?: () => number | undefined;\n  /** Cleanup registrar from the component setup ctx. Automatically called on disconnect. */\n  onCleanup: (fn: () => void) => void;\n  /** Called when the popover closes. */\n  onClose?: (reason: DialogCloseReason) => void;\n  /** Called when the popover opens. */\n  onOpen?: (reason: OverlayOpenReason) => void;\n  /** Callback when resolved placement changes (useful for CSS attribute). */\n  onPlacementChange?: (placement: Placement) => void;\n  /** Controlled open prop. When defined, disables uncontrolled logic. */\n  openProp: Readable<boolean | undefined>;\n  /** Preferred placement. Default: 'bottom'. */\n  placement: Readable<Placement>;\n  /** Resolves the trigger slot element. Called each time events are (re)bound. */\n  slot: () => HTMLSlotElement | null;\n  /** Slot elements signal: used to rebind when slotted elements change. */\n  slotElements: Readable<Element[]>;\n  /** Which triggers are active. Set to empty array or omit if handling events manually. */\n  triggers: Readable<FloatingTriggerType[]>;\n};\n\nexport type FloatingTriggerHandle = {\n  /** Closes the panel or requests that a controlled consumer close it. */\n  close: (reason?: DialogCloseReason) => void;\n  /**\n   * Call inside `onMounted`. Sets up slot + trigger event watchers\n   * and returns a cleanup function to pass back to the framework.\n   */\n  mount: () => () => void;\n  /** Opens the panel or requests that a controlled consumer open it. */\n  open: (reason?: OverlayOpenReason) => void;\n  /** Toggles the panel or requests the matching controlled-state change. */\n  toggle: () => void;\n  /** Manually trigger a position recalculation. */\n  updatePosition: () => void;\n  /** Whether the panel is currently visible. */\n  visible: Signal<boolean>;\n};\n\n// ── Implementation ─────────────────────────────────────────────────────────────\n\n/**\n * Shared logic for floating-panel triggers (tooltip, popover).\n *\n * Handles:\n * - Slot-based trigger element detection and rebinding\n * - Event binding per trigger type (hover / focus / click)\n * - Floating-element positioning via `@vielzeug/orbit`\n * - Controlled mode via `openProp` watcher\n * - Keyboard escape dismissal\n *\n * ARIA binding is intentionally delegated to the caller via `bindTriggerAria`\n * so that tooltip (`describedby`) and popover (`expanded`/`controls`/…) can diverge.\n */\nexport const useFloatingTrigger = (options: FloatingTriggerOptions): FloatingTriggerHandle => {\n  const {\n    bindTriggerAria,\n    defaultOpen,\n    disabled,\n    getPanel,\n    onClose,\n    onOpen,\n    onPlacementChange,\n    openProp,\n    placement,\n    slot,\n    slotElements,\n    triggers,\n  } = options;\n\n  const getOffset = (): number => options.offset?.() ?? 8;\n  const abortSignal = lifecycleSignal(options.onCleanup);\n  const visible = signal(false);\n  const isControlled = () => openProp.value !== undefined;\n  let currentTrigger: HTMLElement | null = null;\n  let triggerBinding: (() => void) | null = null;\n\n  const resolveTrigger = (): HTMLElement | null =>\n    currentTrigger ?? (slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined) ?? null;\n\n  // The same Orbit positioner the dropdown overlays use: RTL placement mirroring, the\n  // containing-block self-correction, and flip/shift, so popover/tooltip no longer carry a second,\n  // divergent copy of the positioning logic. Panels render in the Popover API top layer (no\n  // clipping ancestor) and size themselves (no width matching), matching `ore-menu`'s config.\n  const positioner = createDropdownPositioner({\n    getFloating: getPanel,\n    getOffsetPx: getOffset,\n    getPlacement: () => placement.value,\n    getReference: resolveTrigger,\n    matchWidth: false,\n    onPlacementChange: (resolved) => {\n      const panel = getPanel();\n\n      if (panel) panel.dataset.placement = resolved;\n\n      onPlacementChange?.(resolved);\n    },\n    padding: 8,\n    useClippingAncestor: false,\n  });\n\n  function updatePosition(): void {\n    positioner.update();\n  }\n\n  function showFloat(): void {\n    visible.value = true;\n\n    const panel = getPanel();\n\n    if (panel) {\n      panel.dataset.open = '';\n\n      if ('showPopover' in panel) {\n        try {\n          if (!panel.matches(':popover-open')) panel.showPopover();\n        } catch {\n          // Popover API restricted (e.g. sandboxed iframe); data-open CSS fallback handles visibility.\n        }\n      }\n    }\n\n    updatePosition();\n  }\n\n  function hideFloat(): void {\n    visible.value = false;\n\n    const panel = getPanel();\n\n    if (panel) {\n      delete panel.dataset.open;\n\n      if ('hidePopover' in panel) {\n        try {\n          if (panel.matches(':popover-open')) panel.hidePopover();\n        } catch {\n          // Popover API restricted; data-open removal handles visibility.\n        }\n      }\n    }\n  }\n\n  function open(reason: OverlayOpenReason = 'programmatic'): void {\n    if (disabled.value || visible.value) return;\n    if (isControlled()) {\n      onOpen?.(reason);\n      return;\n    }\n\n    showFloat();\n    onOpen?.(reason);\n  }\n\n  function close(reason: DialogCloseReason = 'trigger'): void {\n    if (!visible.value) return;\n    if (isControlled()) {\n      onClose?.(reason);\n      return;\n    }\n\n    hideFloat();\n    onClose?.(reason);\n  }\n\n  function toggle(): void {\n    if (visible.value) close();\n    else open('click');\n  }\n\n  function handleKeydown(e: KeyboardEvent): void {\n    if (e.key === 'Escape') close('escape');\n  }\n\n  function handleFocusOut(e: FocusEvent): void {\n    const next = e.relatedTarget as Element | null;\n    const panel = getPanel();\n\n    if (next && panel?.contains(next)) return;\n\n    if (next && currentTrigger?.contains(next)) return;\n\n    close('trigger');\n  }\n\n  const bindEvents = (): void => {\n    triggerBinding?.();\n    triggerBinding = null;\n\n    const triggerEl = slot()?.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n\n    if (!triggerEl) {\n      currentTrigger = null;\n\n      return;\n    }\n\n    currentTrigger = triggerEl;\n\n    const removeAria = bindTriggerAria(triggerEl);\n    const cleanups: Array<() => void> = [];\n\n    const add = (\n      target: EventTarget,\n      event: string,\n      listener: EventListener,\n      eventOptions?: AddEventListenerOptions,\n    ): void => {\n      target.addEventListener(event, listener, eventOptions);\n      cleanups.push(() => target.removeEventListener(event, listener, eventOptions));\n    };\n\n    const t = triggers.value;\n\n    if (t.includes('click')) {\n      add(triggerEl, 'click', toggle as EventListener);\n    }\n\n    if (t.includes('hover')) {\n      add(triggerEl, 'pointerenter', () => open('hover'));\n      add(triggerEl, 'pointerleave', () => close('trigger'));\n\n      const panelEl = getPanel();\n\n      if (panelEl) {\n        add(panelEl, 'pointerenter', () => open('hover'));\n        add(panelEl, 'pointerleave', () => close('trigger'));\n      }\n    }\n\n    if (t.includes('focus')) {\n      add(triggerEl, 'focusin', () => open('focus'));\n      add(triggerEl, 'focusout', handleFocusOut as EventListener);\n\n      const panelEl = getPanel();\n\n      if (panelEl) add(panelEl, 'focusout', handleFocusOut as EventListener);\n    }\n\n    add(document, 'keydown', handleKeydown as EventListener);\n\n    triggerBinding = () => {\n      removeAria();\n\n      for (const cleanup of cleanups) cleanup();\n\n      currentTrigger = null;\n    };\n  };\n\n  const stopOutsidePointerDismissal = createOutsidePointerDismissal({\n    getTargets: () => [currentTrigger, getPanel(), options.getHost?.()],\n    isActive: () => visible.value && triggers.value.includes('click'),\n    onDismiss: () => close('outsideClick'),\n    signal: abortSignal,\n  });\n\n  const mount = (): (() => void) => {\n    let initializedOpenProp = false;\n    const triggerSlot = slot();\n    const rebind = (): void => {\n      queueMicrotask(() => {\n        if (!abortSignal.aborted) bindEvents();\n      });\n    };\n\n    triggerSlot?.addEventListener('slotchange', rebind);\n    rebind();\n    watch(slotElements, bindEvents, { immediate: true });\n\n    watch(\n      openProp,\n      (openVal) => {\n        if (openVal === undefined || openVal === null) {\n          if (initializedOpenProp && visible.value) {\n            hideFloat();\n            onClose?.('programmatic');\n          }\n\n          initializedOpenProp = true;\n\n          return;\n        }\n\n        initializedOpenProp = true;\n\n        if (openVal) showFloat();\n        else if (visible.value) hideFloat();\n      },\n      { immediate: true },\n    );\n\n    if (openProp.value === undefined && defaultOpen.value) {\n      showFloat();\n      onOpen?.('programmatic');\n    }\n\n    watch(disabled, (isNowDisabled) => {\n      if (isNowDisabled) close('programmatic');\n    });\n\n    return () => {\n      triggerSlot?.removeEventListener('slotchange', rebind);\n      triggerBinding?.();\n      triggerBinding = null;\n\n      const panel = getPanel();\n\n      if (panel) {\n        delete panel.dataset.open;\n\n        if ('hidePopover' in panel) {\n          try {\n            if (panel.matches(':popover-open')) panel.hidePopover();\n          } catch {\n            // Popover API restricted; data-open removal handles visibility.\n          }\n        }\n      }\n\n      stopOutsidePointerDismissal();\n    };\n  };\n\n  return { close, mount, open, toggle, updatePosition, visible };\n};\n"],"mappings":"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"}

package/dist/overlay/tooltip/tooltip.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.css.cjs","names":[],"sources":["../../../src/overlay/tooltip/tooltip.css?inline"],"sourcesContent":["/* ========================================\n   Popover UA resets — unlayered so they unconditionally beat\n   the browser's [popover] UA stylesheet (padding / inset / border / margin).\n   Must NOT be inside @layer; unlayered author rules win over every layer and\n   every UA default.\n   ======================================== */\n.tooltip {\n  inset: unset;\n  padding: calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);\n  margin: 0;\n  overflow: visible;\n  border: var(--_tooltip-border-width, var(--border-0)) solid var(--_tooltip-border-color, transparent);\n  transform-origin: center;\n}\n\n@layer refine.base {\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  .tooltip {\n    --_tooltip-fg: var(--color-contrast-100);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n    --_tooltip-border-width: var(--border);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n    --_tooltip-closed-transform: translateY(4px) scale(0.98);\n\n    /* Positioning — JS sets top/left inline */\n    position: fixed;\n    max-width: var(--tooltip-max-width, var(--size-72));\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    line-height: var(--leading-normal);\n    color: var(--_tooltip-fg);\n    word-break: auto-phrase;\n    white-space: normal;\n    pointer-events: none;\n    background: var(--_tooltip-bg);\n    border-radius: var(--tooltip-radius, var(--rounded-lg));\n    box-shadow: var(--_tooltip-shadow);\n\n    /* Hidden by default (also serves as exit state) */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-sm));\n    transform: var(--_tooltip-closed-transform);\n    transition:\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .tooltip {\n      --_tooltip-fg: var(--color-contrast-900);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    }\n  }\n\n  .tooltip-text {\n    display: block;\n    white-space: pre-line;\n  }\n\n  .tooltip[data-placement='top'] {\n    --_tooltip-closed-transform: translateY(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='bottom'] {\n    --_tooltip-closed-transform: translateY(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='left'] {\n    --_tooltip-closed-transform: translateX(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='right'] {\n    --_tooltip-closed-transform: translateX(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-open] {\n    display: block;\n  }\n\n  /* Entry animation via @starting-style */\n  .tooltip:popover-open,\n  .tooltip[data-open] {\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n    transition:\n      opacity var(--transition-normal),\n      transform var(--transition-spring),\n      display var(--transition-normal) allow-discrete,\n      overlay var(--transition-normal) allow-discrete;\n    will-change: opacity, transform;\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_tooltip-closed-transform);\n    }\n  }\n}\n\n@layer refine.variants {\n  /* Light tooltip */\n  :host([variant='light']) .tooltip {\n    --_tooltip-fg: var(--color-contrast-900);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host([variant='light']) .tooltip {\n      --_tooltip-fg: var(--color-contrast-100);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    }\n  }\n}\n\n@layer refine.utilities {\n  :host([size='sm']) .tooltip {\n    font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) .tooltip {\n    font-size: var(--text-base);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"tooltip.css.cjs","names":[],"sources":["../../../src/overlay/tooltip/tooltip.css?inline"],"sourcesContent":["/* ========================================\n   Popover UA resets: unlayered so they unconditionally beat\n   the browser's [popover] UA stylesheet (padding / inset / border / margin).\n   Must NOT be inside @layer; unlayered author rules win over every layer and\n   every UA default.\n   ======================================== */\n.tooltip {\n  inset: unset;\n  padding: calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);\n  margin: 0;\n  overflow: visible;\n  border: var(--_tooltip-border-width, var(--border-0)) solid var(--_tooltip-border-color, transparent);\n  transform-origin: center;\n}\n\n@layer refine.base {\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  .tooltip {\n    --_tooltip-fg: var(--color-contrast-100);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n    --_tooltip-border-width: var(--border);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n    --_tooltip-closed-transform: translateY(4px) scale(0.98);\n\n    /* Positioning: JS sets top/left inline */\n    position: fixed;\n    max-width: var(--tooltip-max-width, var(--size-72));\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    line-height: var(--leading-normal);\n    color: var(--_tooltip-fg);\n    word-break: auto-phrase;\n    white-space: normal;\n    pointer-events: none;\n    background: var(--_tooltip-bg);\n    border-radius: var(--tooltip-radius, var(--rounded-lg));\n    box-shadow: var(--_tooltip-shadow);\n\n    /* Hidden by default (also serves as exit state) */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-sm));\n    transform: var(--_tooltip-closed-transform);\n    transition:\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .tooltip {\n      --_tooltip-fg: var(--color-contrast-900);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    }\n  }\n\n  .tooltip-text {\n    display: block;\n    white-space: pre-line;\n  }\n\n  .tooltip[data-placement='top'] {\n    --_tooltip-closed-transform: translateY(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='bottom'] {\n    --_tooltip-closed-transform: translateY(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='left'] {\n    --_tooltip-closed-transform: translateX(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='right'] {\n    --_tooltip-closed-transform: translateX(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-open] {\n    display: block;\n  }\n\n  /* Entry animation via @starting-style */\n  .tooltip:popover-open,\n  .tooltip[data-open] {\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n    transition:\n      opacity var(--transition-normal),\n      transform var(--transition-spring),\n      display var(--transition-normal) allow-discrete,\n      overlay var(--transition-normal) allow-discrete;\n    will-change: opacity, transform;\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_tooltip-closed-transform);\n    }\n  }\n}\n\n@layer refine.variants {\n  /* Light tooltip */\n  :host([variant='light']) .tooltip {\n    --_tooltip-fg: var(--color-contrast-900);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host([variant='light']) .tooltip {\n      --_tooltip-fg: var(--color-contrast-100);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    }\n  }\n}\n\n@layer refine.utilities {\n  :host([size='sm']) .tooltip {\n    font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) .tooltip {\n    font-size: var(--text-base);\n  }\n}\n"],"mappings":""}

package/dist/overlay/tooltip/tooltip.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.css.js","names":[],"sources":["../../../src/overlay/tooltip/tooltip.css?inline"],"sourcesContent":["/* ========================================\n   Popover UA resets — unlayered so they unconditionally beat\n   the browser's [popover] UA stylesheet (padding / inset / border / margin).\n   Must NOT be inside @layer; unlayered author rules win over every layer and\n   every UA default.\n   ======================================== */\n.tooltip {\n  inset: unset;\n  padding: calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);\n  margin: 0;\n  overflow: visible;\n  border: var(--_tooltip-border-width, var(--border-0)) solid var(--_tooltip-border-color, transparent);\n  transform-origin: center;\n}\n\n@layer refine.base {\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  .tooltip {\n    --_tooltip-fg: var(--color-contrast-100);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n    --_tooltip-border-width: var(--border);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n    --_tooltip-closed-transform: translateY(4px) scale(0.98);\n\n    /* Positioning — JS sets top/left inline */\n    position: fixed;\n    max-width: var(--tooltip-max-width, var(--size-72));\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    line-height: var(--leading-normal);\n    color: var(--_tooltip-fg);\n    word-break: auto-phrase;\n    white-space: normal;\n    pointer-events: none;\n    background: var(--_tooltip-bg);\n    border-radius: var(--tooltip-radius, var(--rounded-lg));\n    box-shadow: var(--_tooltip-shadow);\n\n    /* Hidden by default (also serves as exit state) */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-sm));\n    transform: var(--_tooltip-closed-transform);\n    transition:\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .tooltip {\n      --_tooltip-fg: var(--color-contrast-900);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    }\n  }\n\n  .tooltip-text {\n    display: block;\n    white-space: pre-line;\n  }\n\n  .tooltip[data-placement='top'] {\n    --_tooltip-closed-transform: translateY(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='bottom'] {\n    --_tooltip-closed-transform: translateY(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='left'] {\n    --_tooltip-closed-transform: translateX(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='right'] {\n    --_tooltip-closed-transform: translateX(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-open] {\n    display: block;\n  }\n\n  /* Entry animation via @starting-style */\n  .tooltip:popover-open,\n  .tooltip[data-open] {\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n    transition:\n      opacity var(--transition-normal),\n      transform var(--transition-spring),\n      display var(--transition-normal) allow-discrete,\n      overlay var(--transition-normal) allow-discrete;\n    will-change: opacity, transform;\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_tooltip-closed-transform);\n    }\n  }\n}\n\n@layer refine.variants {\n  /* Light tooltip */\n  :host([variant='light']) .tooltip {\n    --_tooltip-fg: var(--color-contrast-900);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host([variant='light']) .tooltip {\n      --_tooltip-fg: var(--color-contrast-100);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    }\n  }\n}\n\n@layer refine.utilities {\n  :host([size='sm']) .tooltip {\n    font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) .tooltip {\n    font-size: var(--text-base);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"tooltip.css.js","names":[],"sources":["../../../src/overlay/tooltip/tooltip.css?inline"],"sourcesContent":["/* ========================================\n   Popover UA resets: unlayered so they unconditionally beat\n   the browser's [popover] UA stylesheet (padding / inset / border / margin).\n   Must NOT be inside @layer; unlayered author rules win over every layer and\n   every UA default.\n   ======================================== */\n.tooltip {\n  inset: unset;\n  padding: calc(var(--size-0-5) / 2) var(--size-2) var(--size-0-5);\n  margin: 0;\n  overflow: visible;\n  border: var(--_tooltip-border-width, var(--border-0)) solid var(--_tooltip-border-color, transparent);\n  transform-origin: center;\n}\n\n@layer refine.base {\n  :host {\n    position: relative;\n    display: inline-block;\n  }\n\n  .tooltip {\n    --_tooltip-fg: var(--color-contrast-100);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n    --_tooltip-border-width: var(--border);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n    --_tooltip-closed-transform: translateY(4px) scale(0.98);\n\n    /* Positioning: JS sets top/left inline */\n    position: fixed;\n    max-width: var(--tooltip-max-width, var(--size-72));\n    font-size: var(--text-xs);\n    font-weight: var(--font-medium);\n    line-height: var(--leading-normal);\n    color: var(--_tooltip-fg);\n    word-break: auto-phrase;\n    white-space: normal;\n    pointer-events: none;\n    background: var(--_tooltip-bg);\n    border-radius: var(--tooltip-radius, var(--rounded-lg));\n    box-shadow: var(--_tooltip-shadow);\n\n    /* Hidden by default (also serves as exit state) */\n    opacity: 0;\n    backdrop-filter: blur(var(--blur-sm));\n    transform: var(--_tooltip-closed-transform);\n    transition:\n      opacity var(--transition-fast),\n      transform var(--transition-fast),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    .tooltip {\n      --_tooltip-fg: var(--color-contrast-900);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    }\n  }\n\n  .tooltip-text {\n    display: block;\n    white-space: pre-line;\n  }\n\n  .tooltip[data-placement='top'] {\n    --_tooltip-closed-transform: translateY(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='bottom'] {\n    --_tooltip-closed-transform: translateY(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='left'] {\n    --_tooltip-closed-transform: translateX(4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-placement='right'] {\n    --_tooltip-closed-transform: translateX(-4px) scale(var(--overlay-enter-scale-dialog));\n  }\n\n  .tooltip[data-open] {\n    display: block;\n  }\n\n  /* Entry animation via @starting-style */\n  .tooltip:popover-open,\n  .tooltip[data-open] {\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n    transition:\n      opacity var(--transition-normal),\n      transform var(--transition-spring),\n      display var(--transition-normal) allow-discrete,\n      overlay var(--transition-normal) allow-discrete;\n    will-change: opacity, transform;\n\n    @starting-style {\n      opacity: 0;\n      transform: var(--_tooltip-closed-transform);\n    }\n  }\n}\n\n@layer refine.variants {\n  /* Light tooltip */\n  :host([variant='light']) .tooltip {\n    --_tooltip-fg: var(--color-contrast-900);\n    --_tooltip-bg: color-mix(in oklch, var(--color-contrast-100) 80%, transparent);\n    --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-900) 12%, transparent);\n    --_tooltip-shadow: var(--shadow-md);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host([variant='light']) .tooltip {\n      --_tooltip-fg: var(--color-contrast-100);\n      --_tooltip-bg: color-mix(in oklch, var(--color-contrast-900) 80%, transparent);\n      --_tooltip-border-color: color-mix(in oklch, var(--color-contrast-100) 12%, transparent);\n    }\n  }\n}\n\n@layer refine.utilities {\n  :host([size='sm']) .tooltip {\n    font-size: var(--text-xs);\n  }\n\n  :host([size='lg']) .tooltip {\n    font-size: var(--text-base);\n  }\n}\n"],"mappings":""}