@zag-js/popover 0.53.0 → 0.54.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/popover.anatomy.ts","../src/popover.connect.ts","../src/popover.dom.ts","../src/popover.machine.ts","../src/popover.props.ts"],"sourcesContent":["export type { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from \"@zag-js/dismissable\"\nexport { anatomy } from \"./popover.anatomy\"\nexport { connect } from \"./popover.connect\"\nexport { machine } from \"./popover.machine\"\nexport * from \"./popover.props\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  OpenChangeDetails,\n  Placement,\n  PositioningOptions,\n} from \"./popover.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"popover\").parts(\n  \"arrow\",\n  \"arrowTip\",\n  \"anchor\",\n  \"trigger\",\n  \"indicator\",\n  \"positioner\",\n  \"content\",\n  \"title\",\n  \"description\",\n  \"closeTrigger\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./popover.anatomy\"\nimport { dom } from \"./popover.dom\"\nimport type { MachineApi, Send, State } from \"./popover.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const open = state.matches(\"open\")\n\n  const currentPlacement = state.context.currentPlacement\n  const portalled = state.context.currentPortalled\n  const rendered = state.context.renderedElements\n\n  const popperStyles = getPlacementStyles({\n    ...state.context.positioning,\n    placement: currentPlacement,\n  })\n\n  return {\n    portalled,\n    open: open,\n    setOpen(nextOpen) {\n      if (nextOpen === open) return\n      send(nextOpen ? \"OPEN\" : \"CLOSE\")\n    },\n    reposition(options = {}) {\n      send({ type: \"POSITIONING.SET\", options })\n    },\n\n    arrowProps: normalize.element({\n      id: dom.getArrowId(state.context),\n      ...parts.arrow.attrs,\n      dir: state.context.dir,\n      style: popperStyles.arrow,\n    }),\n\n    arrowTipProps: normalize.element({\n      ...parts.arrowTip.attrs,\n      dir: state.context.dir,\n      style: popperStyles.arrowTip,\n    }),\n\n    anchorProps: normalize.element({\n      ...parts.anchor.attrs,\n      dir: state.context.dir,\n      id: dom.getAnchorId(state.context),\n    }),\n\n    triggerProps: normalize.button({\n      ...parts.trigger.attrs,\n      dir: state.context.dir,\n      type: \"button\",\n      \"data-placement\": currentPlacement,\n      id: dom.getTriggerId(state.context),\n      \"aria-haspopup\": \"dialog\",\n      \"aria-expanded\": open,\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"aria-controls\": dom.getContentId(state.context),\n      onClick(event) {\n        if (event.defaultPrevented) return\n        send(\"TOGGLE\")\n      },\n      onBlur(event) {\n        send({ type: \"TRIGGER_BLUR\", target: event.relatedTarget })\n      },\n    }),\n\n    indicatorProps: normalize.element({\n      ...parts.indicator.attrs,\n      dir: state.context.dir,\n      \"data-state\": open ? \"open\" : \"closed\",\n    }),\n\n    positionerProps: normalize.element({\n      id: dom.getPositionerId(state.context),\n      ...parts.positioner.attrs,\n      dir: state.context.dir,\n      style: popperStyles.floating,\n    }),\n\n    contentProps: normalize.element({\n      ...parts.content.attrs,\n      dir: state.context.dir,\n      id: dom.getContentId(state.context),\n      tabIndex: -1,\n      role: \"dialog\",\n      hidden: !open,\n      \"data-state\": open ? \"open\" : \"closed\",\n      \"data-expanded\": dataAttr(open),\n      \"aria-labelledby\": rendered.title ? dom.getTitleId(state.context) : undefined,\n      \"aria-describedby\": rendered.description ? dom.getDescriptionId(state.context) : undefined,\n      \"data-placement\": currentPlacement,\n    }),\n\n    titleProps: normalize.element({\n      ...parts.title.attrs,\n      id: dom.getTitleId(state.context),\n      dir: state.context.dir,\n    }),\n\n    descriptionProps: normalize.element({\n      ...parts.description.attrs,\n      id: dom.getDescriptionId(state.context),\n      dir: state.context.dir,\n    }),\n\n    closeTriggerProps: normalize.button({\n      ...parts.closeTrigger.attrs,\n      dir: state.context.dir,\n      id: dom.getCloseTriggerId(state.context),\n      type: \"button\",\n      \"aria-label\": \"close\",\n      onClick(event) {\n        if (event.defaultPrevented) return\n        send(\"CLOSE\")\n      },\n    }),\n  }\n}\n","import { createScope, getFocusables } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./popover.types\"\n\nexport const dom = createScope({\n  getAnchorId: (ctx: Ctx) => ctx.ids?.anchor ?? `popover:${ctx.id}:anchor`,\n  getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `popover:${ctx.id}:trigger`,\n  getContentId: (ctx: Ctx) => ctx.ids?.content ?? `popover:${ctx.id}:content`,\n  getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `popover:${ctx.id}:popper`,\n  getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `popover:${ctx.id}:arrow`,\n  getTitleId: (ctx: Ctx) => ctx.ids?.title ?? `popover:${ctx.id}:title`,\n  getDescriptionId: (ctx: Ctx) => ctx.ids?.description ?? `popover:${ctx.id}:desc`,\n  getCloseTriggerId: (ctx: Ctx) => ctx.ids?.closeTrigger ?? `popover:${ctx.id}:close`,\n\n  getAnchorEl: (ctx: Ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),\n  getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n  getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n  getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n  getTitleEl: (ctx: Ctx) => dom.getById(ctx, dom.getTitleId(ctx)),\n  getDescriptionEl: (ctx: Ctx) => dom.getById(ctx, dom.getDescriptionId(ctx)),\n\n  getFocusableEls: (ctx: Ctx) => getFocusables(dom.getContentEl(ctx)),\n  getFirstFocusableEl: (ctx: Ctx) => dom.getFocusableEls(ctx)[0],\n})\n","import { ariaHidden } from \"@zag-js/aria-hidden\"\nimport { createMachine } from \"@zag-js/core\"\nimport { trackDismissableElement } from \"@zag-js/dismissable\"\nimport { getInitialFocus, nextTick, proxyTabFocus, raf } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { preventBodyScroll } from \"@zag-js/remove-scroll\"\nimport { compact } from \"@zag-js/utils\"\nimport { createFocusTrap, type FocusTrap } from \"focus-trap\"\nimport { dom } from \"./popover.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./popover.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"popover\",\n      initial: ctx.open ? \"open\" : \"closed\",\n      context: {\n        closeOnInteractOutside: true,\n        closeOnEscape: true,\n        autoFocus: true,\n        modal: false,\n        portalled: true,\n        positioning: {\n          placement: \"bottom\",\n          ...ctx.positioning,\n        },\n        currentPlacement: undefined,\n        ...ctx,\n        renderedElements: {\n          title: true,\n          description: true,\n        },\n      },\n\n      computed: {\n        currentPortalled: (ctx) => !!ctx.modal || !!ctx.portalled,\n      },\n\n      watch: {\n        open: [\"toggleVisibility\"],\n      },\n\n      entry: [\"checkRenderedElements\"],\n\n      states: {\n        closed: {\n          on: {\n            \"CONTROLLED.OPEN\": {\n              target: \"open\",\n              actions: [\"setInitialFocus\"],\n            },\n            TOGGLE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnOpen\"],\n              },\n              {\n                target: \"open\",\n                actions: [\"invokeOnOpen\", \"setInitialFocus\"],\n              },\n            ],\n            OPEN: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnOpen\"],\n              },\n              {\n                target: \"open\",\n                actions: [\"invokeOnOpen\", \"setInitialFocus\"],\n              },\n            ],\n          },\n        },\n\n        open: {\n          activities: [\n            \"trapFocus\",\n            \"preventScroll\",\n            \"hideContentBelow\",\n            \"trackPositioning\",\n            \"trackDismissableElement\",\n            \"proxyTabFocus\",\n          ],\n          on: {\n            \"CONTROLLED.CLOSE\": {\n              target: \"closed\",\n              actions: [\"setFinalFocus\"],\n            },\n            CLOSE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnClose\"],\n              },\n              {\n                target: \"closed\",\n                actions: [\"invokeOnClose\", \"setFinalFocus\"],\n              },\n            ],\n            TOGGLE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnClose\"],\n              },\n              {\n                target: \"closed\",\n                actions: [\"invokeOnClose\"],\n              },\n            ],\n            \"POSITIONING.SET\": {\n              actions: \"reposition\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n      },\n      activities: {\n        trackPositioning(ctx) {\n          ctx.currentPlacement = ctx.positioning.placement\n          const anchorEl = dom.getAnchorEl(ctx) ?? dom.getTriggerEl(ctx)\n          const getPositionerEl = () => dom.getPositionerEl(ctx)\n          return getPlacement(anchorEl, getPositionerEl, {\n            ...ctx.positioning,\n            defer: true,\n            onComplete(data) {\n              ctx.currentPlacement = data.placement\n            },\n          })\n        },\n        trackDismissableElement(ctx, _evt, { send }) {\n          const getContentEl = () => dom.getContentEl(ctx)\n          let restoreFocus = true\n          return trackDismissableElement(getContentEl, {\n            pointerBlocking: ctx.modal,\n            exclude: dom.getTriggerEl(ctx),\n            defer: true,\n            onEscapeKeyDown(event) {\n              ctx.onEscapeKeyDown?.(event)\n              if (ctx.closeOnEscape) return\n              event.preventDefault()\n            },\n            onInteractOutside(event) {\n              ctx.onInteractOutside?.(event)\n              if (event.defaultPrevented) return\n              restoreFocus = !(event.detail.focusable || event.detail.contextmenu)\n              if (!ctx.closeOnInteractOutside) {\n                event.preventDefault()\n              }\n            },\n            onPointerDownOutside: ctx.onPointerDownOutside,\n            onFocusOutside: ctx.onFocusOutside,\n            persistentElements: ctx.persistentElements,\n            onDismiss() {\n              send({ type: \"CLOSE\", src: \"interact-outside\", restoreFocus })\n            },\n          })\n        },\n        proxyTabFocus(ctx) {\n          if (ctx.modal || !ctx.portalled) return\n          const getContentEl = () => dom.getContentEl(ctx)\n          return proxyTabFocus(getContentEl, {\n            triggerElement: dom.getTriggerEl(ctx),\n            defer: true,\n            onFocus(el) {\n              el.focus({ preventScroll: true })\n            },\n          })\n        },\n        hideContentBelow(ctx) {\n          if (!ctx.modal) return\n          const getElements = () => [dom.getContentEl(ctx), dom.getTriggerEl(ctx)]\n          return ariaHidden(getElements, { defer: true })\n        },\n        preventScroll(ctx) {\n          if (!ctx.modal) return\n          return preventBodyScroll(dom.getDoc(ctx))\n        },\n        trapFocus(ctx) {\n          if (!ctx.modal) return\n          let trap: FocusTrap | undefined\n          nextTick(() => {\n            const contentEl = dom.getContentEl(ctx)\n            if (!contentEl) return\n            trap = createFocusTrap(contentEl, {\n              escapeDeactivates: false,\n              allowOutsideClick: true,\n              preventScroll: true,\n              returnFocusOnDeactivate: true,\n              document: dom.getDoc(ctx),\n              fallbackFocus: contentEl,\n              initialFocus: getInitialFocus({\n                root: dom.getContentEl(ctx),\n                getInitialEl: ctx.initialFocusEl,\n                enabled: ctx.autoFocus,\n              }),\n            })\n\n            try {\n              trap.activate()\n            } catch {}\n          })\n          return () => trap?.deactivate()\n        },\n      },\n      actions: {\n        reposition(ctx, evt) {\n          const anchorEl = dom.getAnchorEl(ctx) ?? dom.getTriggerEl(ctx)\n          const getPositionerEl = () => dom.getPositionerEl(ctx)\n          getPlacement(anchorEl, getPositionerEl, {\n            ...ctx.positioning,\n            ...evt.options,\n            defer: true,\n            listeners: false,\n            onComplete(data) {\n              ctx.currentPlacement = data.placement\n            },\n          })\n        },\n        checkRenderedElements(ctx) {\n          raf(() => {\n            Object.assign(ctx.renderedElements, {\n              title: !!dom.getTitleEl(ctx),\n              description: !!dom.getDescriptionEl(ctx),\n            })\n          })\n        },\n        setInitialFocus(ctx) {\n          // handoff to `trapFocus` activity for initial focus\n          if (ctx.modal) return\n          raf(() => {\n            const element = getInitialFocus({\n              root: dom.getContentEl(ctx),\n              getInitialEl: ctx.initialFocusEl,\n              enabled: ctx.autoFocus,\n            })\n            element?.focus({ preventScroll: true })\n          })\n        },\n        setFinalFocus(ctx, evt) {\n          if (!evt.restoreFocus) return\n          raf(() => {\n            const element = dom.getTriggerEl(ctx)\n            element?.focus({ preventScroll: true })\n          })\n        },\n        invokeOnOpen(ctx) {\n          ctx.onOpenChange?.({ open: true })\n        },\n        invokeOnClose(ctx) {\n          ctx.onOpenChange?.({ open: false })\n        },\n        toggleVisibility(ctx, evt, { send }) {\n          send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n        },\n      },\n    },\n  )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./popover.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"autoFocus\",\n  \"closeOnEscape\",\n  \"closeOnInteractOutside\",\n  \"dir\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"initialFocusEl\",\n  \"modal\",\n  \"onEscapeKeyDown\",\n  \"onFocusOutside\",\n  \"onInteractOutside\",\n  \"onOpenChange\",\n  \"onPointerDownOutside\",\n  \"open.controlled\",\n  \"open\",\n  \"persistentElements\",\n  \"portalled\",\n  \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_dom_query","import_popper","ctx","import_utils"]}
+{"version":3,"sources":["../src/index.ts","../src/popover.anatomy.ts","../src/popover.connect.ts","../src/popover.dom.ts","../src/popover.machine.ts","../src/popover.props.ts"],"sourcesContent":["export type { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from \"@zag-js/dismissable\"\nexport { anatomy } from \"./popover.anatomy\"\nexport { connect } from \"./popover.connect\"\nexport { machine } from \"./popover.machine\"\nexport * from \"./popover.props\"\nexport type {\n  MachineApi as Api,\n  UserDefinedContext as Context,\n  ElementIds,\n  OpenChangeDetails,\n  Placement,\n  PositioningOptions,\n} from \"./popover.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"popover\").parts(\n  \"arrow\",\n  \"arrowTip\",\n  \"anchor\",\n  \"trigger\",\n  \"indicator\",\n  \"positioner\",\n  \"content\",\n  \"title\",\n  \"description\",\n  \"closeTrigger\",\n)\n\nexport const parts = anatomy.build()\n","import { dataAttr } from \"@zag-js/dom-query\"\nimport { getPlacementStyles } from \"@zag-js/popper\"\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\"\nimport { parts } from \"./popover.anatomy\"\nimport { dom } from \"./popover.dom\"\nimport type { MachineApi, Send, State } from \"./popover.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n  const open = state.matches(\"open\")\n\n  const currentPlacement = state.context.currentPlacement\n  const portalled = state.context.currentPortalled\n  const rendered = state.context.renderedElements\n\n  const popperStyles = getPlacementStyles({\n    ...state.context.positioning,\n    placement: currentPlacement,\n  })\n\n  return {\n    portalled,\n    open: open,\n    setOpen(nextOpen) {\n      if (nextOpen === open) return\n      send(nextOpen ? \"OPEN\" : \"CLOSE\")\n    },\n    reposition(options = {}) {\n      send({ type: \"POSITIONING.SET\", options })\n    },\n\n    getArrowProps() {\n      return normalize.element({\n        id: dom.getArrowId(state.context),\n        ...parts.arrow.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrow,\n      })\n    },\n\n    getArrowTipProps() {\n      return normalize.element({\n        ...parts.arrowTip.attrs,\n        dir: state.context.dir,\n        style: popperStyles.arrowTip,\n      })\n    },\n\n    getAnchorProps() {\n      return normalize.element({\n        ...parts.anchor.attrs,\n        dir: state.context.dir,\n        id: dom.getAnchorId(state.context),\n      })\n    },\n\n    getTriggerProps() {\n      return normalize.button({\n        ...parts.trigger.attrs,\n        dir: state.context.dir,\n        type: \"button\",\n        \"data-placement\": currentPlacement,\n        id: dom.getTriggerId(state.context),\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": open,\n        \"data-state\": open ? \"open\" : \"closed\",\n        \"aria-controls\": dom.getContentId(state.context),\n        onClick(event) {\n          if (event.defaultPrevented) return\n          send(\"TOGGLE\")\n        },\n        onBlur(event) {\n          send({ type: \"TRIGGER_BLUR\", target: event.relatedTarget })\n        },\n      })\n    },\n\n    getIndicatorProps() {\n      return normalize.element({\n        ...parts.indicator.attrs,\n        dir: state.context.dir,\n        \"data-state\": open ? \"open\" : \"closed\",\n      })\n    },\n\n    getPositionerProps() {\n      return normalize.element({\n        id: dom.getPositionerId(state.context),\n        ...parts.positioner.attrs,\n        dir: state.context.dir,\n        style: popperStyles.floating,\n      })\n    },\n\n    getContentProps() {\n      return normalize.element({\n        ...parts.content.attrs,\n        dir: state.context.dir,\n        id: dom.getContentId(state.context),\n        tabIndex: -1,\n        role: \"dialog\",\n        hidden: !open,\n        \"data-state\": open ? \"open\" : \"closed\",\n        \"data-expanded\": dataAttr(open),\n        \"aria-labelledby\": rendered.title ? dom.getTitleId(state.context) : undefined,\n        \"aria-describedby\": rendered.description ? dom.getDescriptionId(state.context) : undefined,\n        \"data-placement\": currentPlacement,\n      })\n    },\n\n    getTitleProps() {\n      return normalize.element({\n        ...parts.title.attrs,\n        id: dom.getTitleId(state.context),\n        dir: state.context.dir,\n      })\n    },\n\n    getDescriptionProps() {\n      return normalize.element({\n        ...parts.description.attrs,\n        id: dom.getDescriptionId(state.context),\n        dir: state.context.dir,\n      })\n    },\n\n    getCloseTriggerProps() {\n      return normalize.button({\n        ...parts.closeTrigger.attrs,\n        dir: state.context.dir,\n        id: dom.getCloseTriggerId(state.context),\n        type: \"button\",\n        \"aria-label\": \"close\",\n        onClick(event) {\n          if (event.defaultPrevented) return\n          send(\"CLOSE\")\n        },\n      })\n    },\n  }\n}\n","import { createScope, getFocusables } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./popover.types\"\n\nexport const dom = createScope({\n  getAnchorId: (ctx: Ctx) => ctx.ids?.anchor ?? `popover:${ctx.id}:anchor`,\n  getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `popover:${ctx.id}:trigger`,\n  getContentId: (ctx: Ctx) => ctx.ids?.content ?? `popover:${ctx.id}:content`,\n  getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `popover:${ctx.id}:popper`,\n  getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `popover:${ctx.id}:arrow`,\n  getTitleId: (ctx: Ctx) => ctx.ids?.title ?? `popover:${ctx.id}:title`,\n  getDescriptionId: (ctx: Ctx) => ctx.ids?.description ?? `popover:${ctx.id}:desc`,\n  getCloseTriggerId: (ctx: Ctx) => ctx.ids?.closeTrigger ?? `popover:${ctx.id}:close`,\n\n  getAnchorEl: (ctx: Ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),\n  getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),\n  getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),\n  getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),\n  getTitleEl: (ctx: Ctx) => dom.getById(ctx, dom.getTitleId(ctx)),\n  getDescriptionEl: (ctx: Ctx) => dom.getById(ctx, dom.getDescriptionId(ctx)),\n\n  getFocusableEls: (ctx: Ctx) => getFocusables(dom.getContentEl(ctx)),\n  getFirstFocusableEl: (ctx: Ctx) => dom.getFocusableEls(ctx)[0],\n})\n","import { ariaHidden } from \"@zag-js/aria-hidden\"\nimport { createMachine } from \"@zag-js/core\"\nimport { trackDismissableElement } from \"@zag-js/dismissable\"\nimport { getInitialFocus, nextTick, proxyTabFocus, raf } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { preventBodyScroll } from \"@zag-js/remove-scroll\"\nimport { compact } from \"@zag-js/utils\"\nimport { createFocusTrap, type FocusTrap } from \"focus-trap\"\nimport { dom } from \"./popover.dom\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./popover.types\"\n\nexport function machine(userContext: UserDefinedContext) {\n  const ctx = compact(userContext)\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"popover\",\n      initial: ctx.open ? \"open\" : \"closed\",\n      context: {\n        closeOnInteractOutside: true,\n        closeOnEscape: true,\n        autoFocus: true,\n        modal: false,\n        portalled: true,\n        positioning: {\n          placement: \"bottom\",\n          ...ctx.positioning,\n        },\n        currentPlacement: undefined,\n        ...ctx,\n        renderedElements: {\n          title: true,\n          description: true,\n        },\n      },\n\n      computed: {\n        currentPortalled: (ctx) => !!ctx.modal || !!ctx.portalled,\n      },\n\n      watch: {\n        open: [\"toggleVisibility\"],\n      },\n\n      entry: [\"checkRenderedElements\"],\n\n      states: {\n        closed: {\n          on: {\n            \"CONTROLLED.OPEN\": {\n              target: \"open\",\n              actions: [\"setInitialFocus\"],\n            },\n            TOGGLE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnOpen\"],\n              },\n              {\n                target: \"open\",\n                actions: [\"invokeOnOpen\", \"setInitialFocus\"],\n              },\n            ],\n            OPEN: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnOpen\"],\n              },\n              {\n                target: \"open\",\n                actions: [\"invokeOnOpen\", \"setInitialFocus\"],\n              },\n            ],\n          },\n        },\n\n        open: {\n          activities: [\n            \"trapFocus\",\n            \"preventScroll\",\n            \"hideContentBelow\",\n            \"trackPositioning\",\n            \"trackDismissableElement\",\n            \"proxyTabFocus\",\n          ],\n          on: {\n            \"CONTROLLED.CLOSE\": {\n              target: \"closed\",\n              actions: [\"setFinalFocus\"],\n            },\n            CLOSE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnClose\"],\n              },\n              {\n                target: \"closed\",\n                actions: [\"invokeOnClose\", \"setFinalFocus\"],\n              },\n            ],\n            TOGGLE: [\n              {\n                guard: \"isOpenControlled\",\n                actions: [\"invokeOnClose\"],\n              },\n              {\n                target: \"closed\",\n                actions: [\"invokeOnClose\"],\n              },\n            ],\n            \"POSITIONING.SET\": {\n              actions: \"reposition\",\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n      },\n      activities: {\n        trackPositioning(ctx) {\n          ctx.currentPlacement = ctx.positioning.placement\n          const anchorEl = dom.getAnchorEl(ctx) ?? dom.getTriggerEl(ctx)\n          const getPositionerEl = () => dom.getPositionerEl(ctx)\n          return getPlacement(anchorEl, getPositionerEl, {\n            ...ctx.positioning,\n            defer: true,\n            onComplete(data) {\n              ctx.currentPlacement = data.placement\n            },\n          })\n        },\n        trackDismissableElement(ctx, _evt, { send }) {\n          const getContentEl = () => dom.getContentEl(ctx)\n          let restoreFocus = true\n          return trackDismissableElement(getContentEl, {\n            pointerBlocking: ctx.modal,\n            exclude: dom.getTriggerEl(ctx),\n            defer: true,\n            onEscapeKeyDown(event) {\n              ctx.onEscapeKeyDown?.(event)\n              if (ctx.closeOnEscape) return\n              event.preventDefault()\n            },\n            onInteractOutside(event) {\n              ctx.onInteractOutside?.(event)\n              if (event.defaultPrevented) return\n              restoreFocus = !(event.detail.focusable || event.detail.contextmenu)\n              if (!ctx.closeOnInteractOutside) {\n                event.preventDefault()\n              }\n            },\n            onPointerDownOutside: ctx.onPointerDownOutside,\n            onFocusOutside: ctx.onFocusOutside,\n            persistentElements: ctx.persistentElements,\n            onDismiss() {\n              send({ type: \"CLOSE\", src: \"interact-outside\", restoreFocus })\n            },\n          })\n        },\n        proxyTabFocus(ctx) {\n          if (ctx.modal || !ctx.portalled) return\n          const getContentEl = () => dom.getContentEl(ctx)\n          return proxyTabFocus(getContentEl, {\n            triggerElement: dom.getTriggerEl(ctx),\n            defer: true,\n            onFocus(el) {\n              el.focus({ preventScroll: true })\n            },\n          })\n        },\n        hideContentBelow(ctx) {\n          if (!ctx.modal) return\n          const getElements = () => [dom.getContentEl(ctx), dom.getTriggerEl(ctx)]\n          return ariaHidden(getElements, { defer: true })\n        },\n        preventScroll(ctx) {\n          if (!ctx.modal) return\n          return preventBodyScroll(dom.getDoc(ctx))\n        },\n        trapFocus(ctx) {\n          if (!ctx.modal) return\n          let trap: FocusTrap | undefined\n          nextTick(() => {\n            const contentEl = dom.getContentEl(ctx)\n            if (!contentEl) return\n            trap = createFocusTrap(contentEl, {\n              escapeDeactivates: false,\n              allowOutsideClick: true,\n              preventScroll: true,\n              returnFocusOnDeactivate: true,\n              document: dom.getDoc(ctx),\n              fallbackFocus: contentEl,\n              initialFocus: getInitialFocus({\n                root: dom.getContentEl(ctx),\n                getInitialEl: ctx.initialFocusEl,\n                enabled: ctx.autoFocus,\n              }),\n            })\n\n            try {\n              trap.activate()\n            } catch {}\n          })\n          return () => trap?.deactivate()\n        },\n      },\n      actions: {\n        reposition(ctx, evt) {\n          const anchorEl = dom.getAnchorEl(ctx) ?? dom.getTriggerEl(ctx)\n          const getPositionerEl = () => dom.getPositionerEl(ctx)\n          getPlacement(anchorEl, getPositionerEl, {\n            ...ctx.positioning,\n            ...evt.options,\n            defer: true,\n            listeners: false,\n            onComplete(data) {\n              ctx.currentPlacement = data.placement\n            },\n          })\n        },\n        checkRenderedElements(ctx) {\n          raf(() => {\n            Object.assign(ctx.renderedElements, {\n              title: !!dom.getTitleEl(ctx),\n              description: !!dom.getDescriptionEl(ctx),\n            })\n          })\n        },\n        setInitialFocus(ctx) {\n          // handoff to `trapFocus` activity for initial focus\n          if (ctx.modal) return\n          raf(() => {\n            const element = getInitialFocus({\n              root: dom.getContentEl(ctx),\n              getInitialEl: ctx.initialFocusEl,\n              enabled: ctx.autoFocus,\n            })\n            element?.focus({ preventScroll: true })\n          })\n        },\n        setFinalFocus(ctx, evt) {\n          if (!evt.restoreFocus) return\n          raf(() => {\n            const element = dom.getTriggerEl(ctx)\n            element?.focus({ preventScroll: true })\n          })\n        },\n        invokeOnOpen(ctx) {\n          ctx.onOpenChange?.({ open: true })\n        },\n        invokeOnClose(ctx) {\n          ctx.onOpenChange?.({ open: false })\n        },\n        toggleVisibility(ctx, evt, { send }) {\n          send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n        },\n      },\n    },\n  )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./popover.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n  \"autoFocus\",\n  \"closeOnEscape\",\n  \"closeOnInteractOutside\",\n  \"dir\",\n  \"getRootNode\",\n  \"id\",\n  \"ids\",\n  \"initialFocusEl\",\n  \"modal\",\n  \"onEscapeKeyDown\",\n  \"onFocusOutside\",\n  \"onInteractOutside\",\n  \"onOpenChange\",\n  \"onPointerDownOutside\",\n  \"open.controlled\",\n  \"open\",\n  \"persistentElements\",\n  \"portalled\",\n  \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_dom_query","import_popper","ctx","import_utils"]}

package/dist/index.mjs

@@ -1,2 +1,463 @@
-import{createAnatomy}from"@zag-js/anatomy";var anatomy=createAnatomy("popover").parts("arrow","arrowTip","anchor","trigger","indicator","positioner","content","title","description","closeTrigger");var parts=anatomy.build();import{dataAttr}from"@zag-js/dom-query";import{getPlacementStyles}from"@zag-js/popper";import{createScope,getFocusables}from"@zag-js/dom-query";var dom=createScope({getAnchorId:ctx=>ctx.ids?.anchor??`popover:${ctx.id}:anchor`,getTriggerId:ctx=>ctx.ids?.trigger??`popover:${ctx.id}:trigger`,getContentId:ctx=>ctx.ids?.content??`popover:${ctx.id}:content`,getPositionerId:ctx=>ctx.ids?.positioner??`popover:${ctx.id}:popper`,getArrowId:ctx=>ctx.ids?.arrow??`popover:${ctx.id}:arrow`,getTitleId:ctx=>ctx.ids?.title??`popover:${ctx.id}:title`,getDescriptionId:ctx=>ctx.ids?.description??`popover:${ctx.id}:desc`,getCloseTriggerId:ctx=>ctx.ids?.closeTrigger??`popover:${ctx.id}:close`,getAnchorEl:ctx=>dom.getById(ctx,dom.getAnchorId(ctx)),getTriggerEl:ctx=>dom.getById(ctx,dom.getTriggerId(ctx)),getContentEl:ctx=>dom.getById(ctx,dom.getContentId(ctx)),getPositionerEl:ctx=>dom.getById(ctx,dom.getPositionerId(ctx)),getTitleEl:ctx=>dom.getById(ctx,dom.getTitleId(ctx)),getDescriptionEl:ctx=>dom.getById(ctx,dom.getDescriptionId(ctx)),getFocusableEls:ctx=>getFocusables(dom.getContentEl(ctx)),getFirstFocusableEl:ctx=>dom.getFocusableEls(ctx)[0]});function connect(state,send,normalize){const open=state.matches("open");const currentPlacement=state.context.currentPlacement;const portalled=state.context.currentPortalled;const rendered=state.context.renderedElements;const popperStyles=getPlacementStyles({...state.context.positioning,placement:currentPlacement});return{portalled,open,setOpen(nextOpen){if(nextOpen===open)return;send(nextOpen?"OPEN":"CLOSE")},reposition(options={}){send({type:"POSITIONING.SET",options})},arrowProps:normalize.element({id:dom.getArrowId(state.context),...parts.arrow.attrs,dir:state.context.dir,style:popperStyles.arrow}),arrowTipProps:normalize.element({...parts.arrowTip.attrs,dir:state.context.dir,style:popperStyles.arrowTip}),anchorProps:normalize.element({...parts.anchor.attrs,dir:state.context.dir,id:dom.getAnchorId(state.context)}),triggerProps:normalize.button({...parts.trigger.attrs,dir:state.context.dir,type:"button","data-placement":currentPlacement,id:dom.getTriggerId(state.context),"aria-haspopup":"dialog","aria-expanded":open,"data-state":open?"open":"closed","aria-controls":dom.getContentId(state.context),onClick(event){if(event.defaultPrevented)return;send("TOGGLE")},onBlur(event){send({type:"TRIGGER_BLUR",target:event.relatedTarget})}}),indicatorProps:normalize.element({...parts.indicator.attrs,dir:state.context.dir,"data-state":open?"open":"closed"}),positionerProps:normalize.element({id:dom.getPositionerId(state.context),...parts.positioner.attrs,dir:state.context.dir,style:popperStyles.floating}),contentProps:normalize.element({...parts.content.attrs,dir:state.context.dir,id:dom.getContentId(state.context),tabIndex:-1,role:"dialog",hidden:!open,"data-state":open?"open":"closed","data-expanded":dataAttr(open),"aria-labelledby":rendered.title?dom.getTitleId(state.context):void 0,"aria-describedby":rendered.description?dom.getDescriptionId(state.context):void 0,"data-placement":currentPlacement}),titleProps:normalize.element({...parts.title.attrs,id:dom.getTitleId(state.context),dir:state.context.dir}),descriptionProps:normalize.element({...parts.description.attrs,id:dom.getDescriptionId(state.context),dir:state.context.dir}),closeTriggerProps:normalize.button({...parts.closeTrigger.attrs,dir:state.context.dir,id:dom.getCloseTriggerId(state.context),type:"button","aria-label":"close",onClick(event){if(event.defaultPrevented)return;send("CLOSE")}})}}import{ariaHidden}from"@zag-js/aria-hidden";import{createMachine}from"@zag-js/core";import{trackDismissableElement}from"@zag-js/dismissable";import{getInitialFocus,nextTick,proxyTabFocus,raf}from"@zag-js/dom-query";import{getPlacement}from"@zag-js/popper";import{preventBodyScroll}from"@zag-js/remove-scroll";import{compact}from"@zag-js/utils";import{createFocusTrap}from"focus-trap";function machine(userContext){const ctx=compact(userContext);return createMachine({id:"popover",initial:ctx.open?"open":"closed",context:{closeOnInteractOutside:true,closeOnEscape:true,autoFocus:true,modal:false,portalled:true,positioning:{placement:"bottom",...ctx.positioning},currentPlacement:void 0,...ctx,renderedElements:{title:true,description:true}},computed:{currentPortalled:ctx2=>!!ctx2.modal||!!ctx2.portalled},watch:{open:["toggleVisibility"]},entry:["checkRenderedElements"],states:{closed:{on:{"CONTROLLED.OPEN":{target:"open",actions:["setInitialFocus"]},TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}],OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen","setInitialFocus"]}]}},open:{activities:["trapFocus","preventScroll","hideContentBelow","trackPositioning","trackDismissableElement","proxyTabFocus"],on:{"CONTROLLED.CLOSE":{target:"closed",actions:["setFinalFocus"]},CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose","setFinalFocus"]}],TOGGLE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],"POSITIONING.SET":{actions:"reposition"}}}}},{guards:{isOpenControlled:ctx2=>!!ctx2["open.controlled"]},activities:{trackPositioning(ctx2){ctx2.currentPlacement=ctx2.positioning.placement;const anchorEl=dom.getAnchorEl(ctx2)??dom.getTriggerEl(ctx2);const getPositionerEl=()=>dom.getPositionerEl(ctx2);return getPlacement(anchorEl,getPositionerEl,{...ctx2.positioning,defer:true,onComplete(data){ctx2.currentPlacement=data.placement}})},trackDismissableElement(ctx2,_evt,{send}){const getContentEl=()=>dom.getContentEl(ctx2);let restoreFocus=true;return trackDismissableElement(getContentEl,{pointerBlocking:ctx2.modal,exclude:dom.getTriggerEl(ctx2),defer:true,onEscapeKeyDown(event){ctx2.onEscapeKeyDown?.(event);if(ctx2.closeOnEscape)return;event.preventDefault()},onInteractOutside(event){ctx2.onInteractOutside?.(event);if(event.defaultPrevented)return;restoreFocus=!(event.detail.focusable||event.detail.contextmenu);if(!ctx2.closeOnInteractOutside){event.preventDefault()}},onPointerDownOutside:ctx2.onPointerDownOutside,onFocusOutside:ctx2.onFocusOutside,persistentElements:ctx2.persistentElements,onDismiss(){send({type:"CLOSE",src:"interact-outside",restoreFocus})}})},proxyTabFocus(ctx2){if(ctx2.modal||!ctx2.portalled)return;const getContentEl=()=>dom.getContentEl(ctx2);return proxyTabFocus(getContentEl,{triggerElement:dom.getTriggerEl(ctx2),defer:true,onFocus(el){el.focus({preventScroll:true})}})},hideContentBelow(ctx2){if(!ctx2.modal)return;const getElements=()=>[dom.getContentEl(ctx2),dom.getTriggerEl(ctx2)];return ariaHidden(getElements,{defer:true})},preventScroll(ctx2){if(!ctx2.modal)return;return preventBodyScroll(dom.getDoc(ctx2))},trapFocus(ctx2){if(!ctx2.modal)return;let trap;nextTick(()=>{const contentEl=dom.getContentEl(ctx2);if(!contentEl)return;trap=createFocusTrap(contentEl,{escapeDeactivates:false,allowOutsideClick:true,preventScroll:true,returnFocusOnDeactivate:true,document:dom.getDoc(ctx2),fallbackFocus:contentEl,initialFocus:getInitialFocus({root:dom.getContentEl(ctx2),getInitialEl:ctx2.initialFocusEl,enabled:ctx2.autoFocus})});try{trap.activate()}catch{}});return()=>trap?.deactivate()}},actions:{reposition(ctx2,evt){const anchorEl=dom.getAnchorEl(ctx2)??dom.getTriggerEl(ctx2);const getPositionerEl=()=>dom.getPositionerEl(ctx2);getPlacement(anchorEl,getPositionerEl,{...ctx2.positioning,...evt.options,defer:true,listeners:false,onComplete(data){ctx2.currentPlacement=data.placement}})},checkRenderedElements(ctx2){raf(()=>{Object.assign(ctx2.renderedElements,{title:!!dom.getTitleEl(ctx2),description:!!dom.getDescriptionEl(ctx2)})})},setInitialFocus(ctx2){if(ctx2.modal)return;raf(()=>{const element=getInitialFocus({root:dom.getContentEl(ctx2),getInitialEl:ctx2.initialFocusEl,enabled:ctx2.autoFocus});element?.focus({preventScroll:true})})},setFinalFocus(ctx2,evt){if(!evt.restoreFocus)return;raf(()=>{const element=dom.getTriggerEl(ctx2);element?.focus({preventScroll:true})})},invokeOnOpen(ctx2){ctx2.onOpenChange?.({open:true})},invokeOnClose(ctx2){ctx2.onOpenChange?.({open:false})},toggleVisibility(ctx2,evt,{send}){send({type:ctx2.open?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:evt})}}})}import{createProps}from"@zag-js/types";import{createSplitProps}from"@zag-js/utils";var props=createProps()(["autoFocus","closeOnEscape","closeOnInteractOutside","dir","getRootNode","id","ids","initialFocusEl","modal","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenChange","onPointerDownOutside","open.controlled","open","persistentElements","portalled","positioning"]);var splitProps=createSplitProps(props);export{anatomy,connect,machine,props,splitProps};
+// src/popover.anatomy.ts
+import { createAnatomy } from "@zag-js/anatomy";
+var anatomy = createAnatomy("popover").parts(
+  "arrow",
+  "arrowTip",
+  "anchor",
+  "trigger",
+  "indicator",
+  "positioner",
+  "content",
+  "title",
+  "description",
+  "closeTrigger"
+);
+var parts = anatomy.build();
+
+// src/popover.connect.ts
+import { dataAttr } from "@zag-js/dom-query";
+import { getPlacementStyles } from "@zag-js/popper";
+
+// src/popover.dom.ts
+import { createScope, getFocusables } from "@zag-js/dom-query";
+var dom = createScope({
+  getAnchorId: (ctx) => ctx.ids?.anchor ?? `popover:${ctx.id}:anchor`,
+  getTriggerId: (ctx) => ctx.ids?.trigger ?? `popover:${ctx.id}:trigger`,
+  getContentId: (ctx) => ctx.ids?.content ?? `popover:${ctx.id}:content`,
+  getPositionerId: (ctx) => ctx.ids?.positioner ?? `popover:${ctx.id}:popper`,
+  getArrowId: (ctx) => ctx.ids?.arrow ?? `popover:${ctx.id}:arrow`,
+  getTitleId: (ctx) => ctx.ids?.title ?? `popover:${ctx.id}:title`,
+  getDescriptionId: (ctx) => ctx.ids?.description ?? `popover:${ctx.id}:desc`,
+  getCloseTriggerId: (ctx) => ctx.ids?.closeTrigger ?? `popover:${ctx.id}:close`,
+  getAnchorEl: (ctx) => dom.getById(ctx, dom.getAnchorId(ctx)),
+  getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
+  getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
+  getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
+  getTitleEl: (ctx) => dom.getById(ctx, dom.getTitleId(ctx)),
+  getDescriptionEl: (ctx) => dom.getById(ctx, dom.getDescriptionId(ctx)),
+  getFocusableEls: (ctx) => getFocusables(dom.getContentEl(ctx)),
+  getFirstFocusableEl: (ctx) => dom.getFocusableEls(ctx)[0]
+});
+
+// src/popover.connect.ts
+function connect(state, send, normalize) {
+  const open = state.matches("open");
+  const currentPlacement = state.context.currentPlacement;
+  const portalled = state.context.currentPortalled;
+  const rendered = state.context.renderedElements;
+  const popperStyles = getPlacementStyles({
+    ...state.context.positioning,
+    placement: currentPlacement
+  });
+  return {
+    portalled,
+    open,
+    setOpen(nextOpen) {
+      if (nextOpen === open)
+        return;
+      send(nextOpen ? "OPEN" : "CLOSE");
+    },
+    reposition(options = {}) {
+      send({ type: "POSITIONING.SET", options });
+    },
+    getArrowProps() {
+      return normalize.element({
+        id: dom.getArrowId(state.context),
+        ...parts.arrow.attrs,
+        dir: state.context.dir,
+        style: popperStyles.arrow
+      });
+    },
+    getArrowTipProps() {
+      return normalize.element({
+        ...parts.arrowTip.attrs,
+        dir: state.context.dir,
+        style: popperStyles.arrowTip
+      });
+    },
+    getAnchorProps() {
+      return normalize.element({
+        ...parts.anchor.attrs,
+        dir: state.context.dir,
+        id: dom.getAnchorId(state.context)
+      });
+    },
+    getTriggerProps() {
+      return normalize.button({
+        ...parts.trigger.attrs,
+        dir: state.context.dir,
+        type: "button",
+        "data-placement": currentPlacement,
+        id: dom.getTriggerId(state.context),
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        "aria-controls": dom.getContentId(state.context),
+        onClick(event) {
+          if (event.defaultPrevented)
+            return;
+          send("TOGGLE");
+        },
+        onBlur(event) {
+          send({ type: "TRIGGER_BLUR", target: event.relatedTarget });
+        }
+      });
+    },
+    getIndicatorProps() {
+      return normalize.element({
+        ...parts.indicator.attrs,
+        dir: state.context.dir,
+        "data-state": open ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return normalize.element({
+        id: dom.getPositionerId(state.context),
+        ...parts.positioner.attrs,
+        dir: state.context.dir,
+        style: popperStyles.floating
+      });
+    },
+    getContentProps() {
+      return normalize.element({
+        ...parts.content.attrs,
+        dir: state.context.dir,
+        id: dom.getContentId(state.context),
+        tabIndex: -1,
+        role: "dialog",
+        hidden: !open,
+        "data-state": open ? "open" : "closed",
+        "data-expanded": dataAttr(open),
+        "aria-labelledby": rendered.title ? dom.getTitleId(state.context) : void 0,
+        "aria-describedby": rendered.description ? dom.getDescriptionId(state.context) : void 0,
+        "data-placement": currentPlacement
+      });
+    },
+    getTitleProps() {
+      return normalize.element({
+        ...parts.title.attrs,
+        id: dom.getTitleId(state.context),
+        dir: state.context.dir
+      });
+    },
+    getDescriptionProps() {
+      return normalize.element({
+        ...parts.description.attrs,
+        id: dom.getDescriptionId(state.context),
+        dir: state.context.dir
+      });
+    },
+    getCloseTriggerProps() {
+      return normalize.button({
+        ...parts.closeTrigger.attrs,
+        dir: state.context.dir,
+        id: dom.getCloseTriggerId(state.context),
+        type: "button",
+        "aria-label": "close",
+        onClick(event) {
+          if (event.defaultPrevented)
+            return;
+          send("CLOSE");
+        }
+      });
+    }
+  };
+}
+
+// src/popover.machine.ts
+import { ariaHidden } from "@zag-js/aria-hidden";
+import { createMachine } from "@zag-js/core";
+import { trackDismissableElement } from "@zag-js/dismissable";
+import { getInitialFocus, nextTick, proxyTabFocus, raf } from "@zag-js/dom-query";
+import { getPlacement } from "@zag-js/popper";
+import { preventBodyScroll } from "@zag-js/remove-scroll";
+import { compact } from "@zag-js/utils";
+import { createFocusTrap } from "focus-trap";
+function machine(userContext) {
+  const ctx = compact(userContext);
+  return createMachine(
+    {
+      id: "popover",
+      initial: ctx.open ? "open" : "closed",
+      context: {
+        closeOnInteractOutside: true,
+        closeOnEscape: true,
+        autoFocus: true,
+        modal: false,
+        portalled: true,
+        positioning: {
+          placement: "bottom",
+          ...ctx.positioning
+        },
+        currentPlacement: void 0,
+        ...ctx,
+        renderedElements: {
+          title: true,
+          description: true
+        }
+      },
+      computed: {
+        currentPortalled: (ctx2) => !!ctx2.modal || !!ctx2.portalled
+      },
+      watch: {
+        open: ["toggleVisibility"]
+      },
+      entry: ["checkRenderedElements"],
+      states: {
+        closed: {
+          on: {
+            "CONTROLLED.OPEN": {
+              target: "open",
+              actions: ["setInitialFocus"]
+            },
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "setInitialFocus"]
+              }
+            ],
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen", "setInitialFocus"]
+              }
+            ]
+          }
+        },
+        open: {
+          activities: [
+            "trapFocus",
+            "preventScroll",
+            "hideContentBelow",
+            "trackPositioning",
+            "trackDismissableElement",
+            "proxyTabFocus"
+          ],
+          on: {
+            "CONTROLLED.CLOSE": {
+              target: "closed",
+              actions: ["setFinalFocus"]
+            },
+            CLOSE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose", "setFinalFocus"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose"]
+              }
+            ],
+            "POSITIONING.SET": {
+              actions: "reposition"
+            }
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
+      },
+      activities: {
+        trackPositioning(ctx2) {
+          ctx2.currentPlacement = ctx2.positioning.placement;
+          const anchorEl = dom.getAnchorEl(ctx2) ?? dom.getTriggerEl(ctx2);
+          const getPositionerEl = () => dom.getPositionerEl(ctx2);
+          return getPlacement(anchorEl, getPositionerEl, {
+            ...ctx2.positioning,
+            defer: true,
+            onComplete(data) {
+              ctx2.currentPlacement = data.placement;
+            }
+          });
+        },
+        trackDismissableElement(ctx2, _evt, { send }) {
+          const getContentEl = () => dom.getContentEl(ctx2);
+          let restoreFocus = true;
+          return trackDismissableElement(getContentEl, {
+            pointerBlocking: ctx2.modal,
+            exclude: dom.getTriggerEl(ctx2),
+            defer: true,
+            onEscapeKeyDown(event) {
+              ctx2.onEscapeKeyDown?.(event);
+              if (ctx2.closeOnEscape)
+                return;
+              event.preventDefault();
+            },
+            onInteractOutside(event) {
+              ctx2.onInteractOutside?.(event);
+              if (event.defaultPrevented)
+                return;
+              restoreFocus = !(event.detail.focusable || event.detail.contextmenu);
+              if (!ctx2.closeOnInteractOutside) {
+                event.preventDefault();
+              }
+            },
+            onPointerDownOutside: ctx2.onPointerDownOutside,
+            onFocusOutside: ctx2.onFocusOutside,
+            persistentElements: ctx2.persistentElements,
+            onDismiss() {
+              send({ type: "CLOSE", src: "interact-outside", restoreFocus });
+            }
+          });
+        },
+        proxyTabFocus(ctx2) {
+          if (ctx2.modal || !ctx2.portalled)
+            return;
+          const getContentEl = () => dom.getContentEl(ctx2);
+          return proxyTabFocus(getContentEl, {
+            triggerElement: dom.getTriggerEl(ctx2),
+            defer: true,
+            onFocus(el) {
+              el.focus({ preventScroll: true });
+            }
+          });
+        },
+        hideContentBelow(ctx2) {
+          if (!ctx2.modal)
+            return;
+          const getElements = () => [dom.getContentEl(ctx2), dom.getTriggerEl(ctx2)];
+          return ariaHidden(getElements, { defer: true });
+        },
+        preventScroll(ctx2) {
+          if (!ctx2.modal)
+            return;
+          return preventBodyScroll(dom.getDoc(ctx2));
+        },
+        trapFocus(ctx2) {
+          if (!ctx2.modal)
+            return;
+          let trap;
+          nextTick(() => {
+            const contentEl = dom.getContentEl(ctx2);
+            if (!contentEl)
+              return;
+            trap = createFocusTrap(contentEl, {
+              escapeDeactivates: false,
+              allowOutsideClick: true,
+              preventScroll: true,
+              returnFocusOnDeactivate: true,
+              document: dom.getDoc(ctx2),
+              fallbackFocus: contentEl,
+              initialFocus: getInitialFocus({
+                root: dom.getContentEl(ctx2),
+                getInitialEl: ctx2.initialFocusEl,
+                enabled: ctx2.autoFocus
+              })
+            });
+            try {
+              trap.activate();
+            } catch {
+            }
+          });
+          return () => trap?.deactivate();
+        }
+      },
+      actions: {
+        reposition(ctx2, evt) {
+          const anchorEl = dom.getAnchorEl(ctx2) ?? dom.getTriggerEl(ctx2);
+          const getPositionerEl = () => dom.getPositionerEl(ctx2);
+          getPlacement(anchorEl, getPositionerEl, {
+            ...ctx2.positioning,
+            ...evt.options,
+            defer: true,
+            listeners: false,
+            onComplete(data) {
+              ctx2.currentPlacement = data.placement;
+            }
+          });
+        },
+        checkRenderedElements(ctx2) {
+          raf(() => {
+            Object.assign(ctx2.renderedElements, {
+              title: !!dom.getTitleEl(ctx2),
+              description: !!dom.getDescriptionEl(ctx2)
+            });
+          });
+        },
+        setInitialFocus(ctx2) {
+          if (ctx2.modal)
+            return;
+          raf(() => {
+            const element = getInitialFocus({
+              root: dom.getContentEl(ctx2),
+              getInitialEl: ctx2.initialFocusEl,
+              enabled: ctx2.autoFocus
+            });
+            element?.focus({ preventScroll: true });
+          });
+        },
+        setFinalFocus(ctx2, evt) {
+          if (!evt.restoreFocus)
+            return;
+          raf(() => {
+            const element = dom.getTriggerEl(ctx2);
+            element?.focus({ preventScroll: true });
+          });
+        },
+        invokeOnOpen(ctx2) {
+          ctx2.onOpenChange?.({ open: true });
+        },
+        invokeOnClose(ctx2) {
+          ctx2.onOpenChange?.({ open: false });
+        },
+        toggleVisibility(ctx2, evt, { send }) {
+          send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
+        }
+      }
+    }
+  );
+}
+
+// src/popover.props.ts
+import { createProps } from "@zag-js/types";
+import { createSplitProps } from "@zag-js/utils";
+var props = createProps()([
+  "autoFocus",
+  "closeOnEscape",
+  "closeOnInteractOutside",
+  "dir",
+  "getRootNode",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "modal",
+  "onEscapeKeyDown",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "open.controlled",
+  "open",
+  "persistentElements",
+  "portalled",
+  "positioning"
+]);
+var splitProps = createSplitProps(props);
+export {
+  anatomy,
+  connect,
+  machine,
+  props,
+  splitProps
+};
 //# sourceMappingURL=index.mjs.map