@zag-js/tooltip 0.53.0 → 0.54.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport * from \"./tooltip.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n OpenChangeDetails,\n Placement,\n PositioningOptions,\n} from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\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 \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\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 triggerProps: normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\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 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 hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n }),\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\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 getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), 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 toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx","import_utils"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/tooltip.anatomy.ts","../src/tooltip.connect.ts","../src/tooltip.dom.ts","../src/tooltip.store.ts","../src/tooltip.machine.ts","../src/tooltip.props.ts"],"sourcesContent":["export { anatomy } from \"./tooltip.anatomy\"\nexport { connect } from \"./tooltip.connect\"\nexport { machine } from \"./tooltip.machine\"\nexport * from \"./tooltip.props\"\nexport type {\n MachineApi as Api,\n UserDefinedContext as Context,\n ElementIds,\n OpenChangeDetails,\n Placement,\n PositioningOptions,\n} from \"./tooltip.types\"\n","import { createAnatomy } from \"@zag-js/anatomy\"\n\nexport const anatomy = createAnatomy(\"tooltip\").parts(\"trigger\", \"arrow\", \"arrowTip\", \"positioner\", \"content\")\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 \"./tooltip.anatomy\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineApi, Send, State } from \"./tooltip.types\"\n\nexport function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {\n const id = state.context.id\n const hasAriaLabel = state.context.hasAriaLabel\n\n const open = state.hasTag(\"open\")\n\n const triggerId = dom.getTriggerId(state.context)\n const contentId = dom.getContentId(state.context)\n\n const disabled = state.context.disabled\n\n const popperStyles = getPlacementStyles({\n ...state.context.positioning,\n placement: state.context.currentPlacement,\n })\n\n return {\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 getTriggerProps() {\n return normalize.button({\n ...parts.trigger.attrs,\n id: triggerId,\n dir: state.context.dir,\n \"data-expanded\": dataAttr(open),\n \"data-state\": open ? \"open\" : \"closed\",\n \"aria-describedby\": open ? contentId : undefined,\n onClick() {\n if (disabled) return\n send(\"CLOSE\")\n },\n onFocus() {\n if (disabled || state.event.type === \"POINTER_DOWN\") return\n send(\"OPEN\")\n },\n onBlur() {\n if (disabled) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerDown() {\n if (disabled || !state.context.closeOnPointerDown) return\n if (id === store.id) {\n send(\"CLOSE\")\n }\n },\n onPointerMove(event) {\n if (disabled || event.pointerType === \"touch\") return\n send(\"POINTER_MOVE\")\n },\n onPointerLeave() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n onPointerCancel() {\n if (disabled) return\n send(\"POINTER_LEAVE\")\n },\n })\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 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 hidden: !open,\n \"data-state\": open ? \"open\" : \"closed\",\n role: hasAriaLabel ? undefined : \"tooltip\",\n id: hasAriaLabel ? undefined : contentId,\n \"data-placement\": state.context.currentPlacement,\n onPointerEnter() {\n send(\"CONTENT.POINTER_MOVE\")\n },\n onPointerLeave() {\n send(\"CONTENT.POINTER_LEAVE\")\n },\n style: {\n pointerEvents: state.context.interactive ? \"auto\" : \"none\",\n },\n })\n },\n }\n}\n","import { createScope } from \"@zag-js/dom-query\"\nimport type { MachineContext as Ctx } from \"./tooltip.types\"\n\nexport const dom = createScope({\n getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,\n getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,\n getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,\n getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,\n\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 getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),\n})\n","import { proxy } from \"@zag-js/core\"\n\ntype Id = string | null\n\ninterface TooltipStore {\n id: Id\n prevId: Id\n setId: (val: Id) => void\n}\n\nexport const store = proxy<TooltipStore>({\n id: null,\n prevId: null,\n setId(val) {\n this.prevId = this.id\n this.id = val\n },\n})\n","import { createMachine, guards, subscribe } from \"@zag-js/core\"\nimport { addDomEvent } from \"@zag-js/dom-event\"\nimport { getOverflowAncestors, isHTMLElement, isSafari } from \"@zag-js/dom-query\"\nimport { getPlacement } from \"@zag-js/popper\"\nimport { compact } from \"@zag-js/utils\"\nimport { dom } from \"./tooltip.dom\"\nimport { store } from \"./tooltip.store\"\nimport type { MachineContext, MachineState, UserDefinedContext } from \"./tooltip.types\"\n\nconst { and, not } = guards\n\nexport function machine(userContext: UserDefinedContext) {\n const ctx = compact(userContext)\n return createMachine<MachineContext, MachineState>(\n {\n id: \"tooltip\",\n initial: ctx.open ? \"open\" : \"closed\",\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n ...ctx,\n currentPlacement: undefined,\n hasPointerMoveOpened: false,\n positioning: {\n placement: \"bottom\",\n ...ctx.positioning,\n },\n },\n\n computed: {\n hasAriaLabel: (ctx) => !!ctx[\"aria-label\"],\n },\n\n watch: {\n disabled: [\"closeIfDisabled\"],\n open: [\"toggleVisibility\"],\n },\n\n states: {\n closed: {\n tags: [\"closed\"],\n entry: [\"clearGlobalId\"],\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n OPEN: {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n POINTER_LEAVE: {\n actions: [\"clearPointerMoveOpened\"],\n },\n POINTER_MOVE: [\n {\n guard: and(\"noVisibleTooltip\", not(\"hasPointerMoveOpened\")),\n target: \"opening\",\n },\n {\n guard: not(\"hasPointerMoveOpened\"),\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n },\n\n opening: {\n tags: [\"closed\"],\n activities: [\"trackScroll\", \"trackPointerlockChange\"],\n after: {\n OPEN_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.OPEN\": \"open\",\n \"CONTROLLED.CLOSE\": \"closed\",\n OPEN: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"invokeOnOpen\"],\n },\n ],\n POINTER_LEAVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n },\n },\n\n open: {\n tags: [\"open\"],\n activities: [\n \"trackEscapeKey\",\n \"trackDisabledTriggerOnSafari\",\n \"trackScroll\",\n \"trackPointerlockChange\",\n \"trackPositioning\",\n ],\n entry: [\"setGlobalId\"],\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n CLOSE: {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n POINTER_LEAVE: [\n {\n guard: \"isVisible\",\n target: \"closing\",\n actions: [\"clearPointerMoveOpened\"],\n },\n // == group ==\n {\n guard: \"isOpenControlled\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"clearPointerMoveOpened\", \"invokeOnClose\"],\n },\n ],\n \"CONTENT.POINTER_LEAVE\": {\n guard: \"isInteractive\",\n target: \"closing\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n\n closing: {\n tags: [\"open\"],\n activities: [\"trackStore\", \"trackPositioning\"],\n after: {\n CLOSE_DELAY: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n },\n on: {\n \"CONTROLLED.CLOSE\": \"closed\",\n \"CONTROLLED.OPEN\": \"open\",\n CLOSE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"invokeOnClose\"],\n },\n {\n target: \"closed\",\n actions: [\"invokeOnClose\"],\n },\n ],\n POINTER_MOVE: [\n {\n guard: \"isOpenControlled\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n {\n target: \"open\",\n actions: [\"setPointerMoveOpened\", \"invokeOnOpen\"],\n },\n ],\n \"CONTENT.POINTER_MOVE\": {\n guard: \"isInteractive\",\n target: \"open\",\n },\n \"POSITIONING.SET\": {\n actions: \"reposition\",\n },\n },\n },\n },\n },\n {\n activities: {\n trackPositioning(ctx) {\n ctx.currentPlacement = ctx.positioning.placement\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {\n ...ctx.positioning,\n defer: true,\n onComplete(data) {\n ctx.currentPlacement = data.placement\n },\n })\n },\n trackPointerlockChange(ctx, _evt, { send }) {\n const onChange = () => send({ type: \"CLOSE\", src: \"pointerlock:change\" })\n return addDomEvent(dom.getDoc(ctx), \"pointerlockchange\", onChange, false)\n },\n trackScroll(ctx, _evt, { send }) {\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n const cleanups = overflowParents.map((overflowParent) =>\n addDomEvent(overflowParent, \"scroll\", () => send({ type: \"CLOSE\", src: \"scroll\" }), {\n passive: true,\n capture: true,\n }),\n )\n\n return () => {\n cleanups.forEach((fn) => fn?.())\n }\n },\n trackStore(ctx, _evt, { send }) {\n return subscribe(store, () => {\n if (store.id !== ctx.id) {\n send({ type: \"CLOSE\", src: \"id:change\" })\n }\n })\n },\n trackDisabledTriggerOnSafari(ctx, _evt, { send }) {\n if (!isSafari()) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"pointermove\", (event) => {\n const selector = \"[data-part=trigger][data-expanded]\"\n if (isHTMLElement(event.target) && event.target.closest(selector)) return\n send(\"POINTER_LEAVE\")\n })\n },\n trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n const doc = dom.getDoc(ctx)\n return addDomEvent(doc, \"keydown\", (event) => {\n if (event.key === \"Escape\") {\n send(\"CLOSE\")\n }\n })\n },\n },\n actions: {\n setGlobalId(ctx) {\n store.setId(ctx.id)\n },\n clearGlobalId(ctx) {\n if (ctx.id === store.id) {\n store.setId(null)\n }\n },\n invokeOnOpen(ctx) {\n ctx.onOpenChange?.({ open: true })\n },\n invokeOnClose(ctx) {\n ctx.onOpenChange?.({ open: false })\n },\n closeIfDisabled(ctx, _evt, { send }) {\n if (!ctx.disabled) return\n send({ type: \"CLOSE\", src: \"disabled:change\" })\n },\n reposition(ctx, evt) {\n const getPositionerEl = () => dom.getPositionerEl(ctx)\n getPlacement(dom.getTriggerEl(ctx), 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 toggleVisibility(ctx, evt, { send }) {\n send({ type: ctx.open ? \"CONTROLLED.OPEN\" : \"CONTROLLED.CLOSE\", previousEvent: evt })\n },\n setPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = true\n },\n clearPointerMoveOpened(ctx) {\n ctx.hasPointerMoveOpened = false\n },\n },\n guards: {\n noVisibleTooltip: () => store.id === null,\n isVisible: (ctx) => ctx.id === store.id,\n isInteractive: (ctx) => ctx.interactive,\n hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,\n isOpenControlled: (ctx) => !!ctx[\"open.controlled\"],\n },\n delays: {\n OPEN_DELAY: (ctx) => ctx.openDelay,\n CLOSE_DELAY: (ctx) => ctx.closeDelay,\n },\n },\n )\n}\n","import { createProps } from \"@zag-js/types\"\nimport { createSplitProps } from \"@zag-js/utils\"\nimport type { UserDefinedContext } from \"./tooltip.types\"\n\nexport const props = createProps<UserDefinedContext>()([\n \"aria-label\",\n \"closeDelay\",\n \"closeOnEscape\",\n \"closeOnPointerDown\",\n \"dir\",\n \"disabled\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"interactive\",\n \"onOpenChange\",\n \"open.controlled\",\n \"open\",\n \"openDelay\",\n \"positioning\",\n])\n\nexport const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)\n"],"mappings":"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","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx","import_utils"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,491 @@
1
- import{createAnatomy}from"@zag-js/anatomy";var anatomy=createAnatomy("tooltip").parts("trigger","arrow","arrowTip","positioner","content");var parts=anatomy.build();import{dataAttr}from"@zag-js/dom-query";import{getPlacementStyles}from"@zag-js/popper";import{createScope}from"@zag-js/dom-query";var dom=createScope({getTriggerId:ctx=>ctx.ids?.trigger??`tooltip:${ctx.id}:trigger`,getContentId:ctx=>ctx.ids?.content??`tooltip:${ctx.id}:content`,getArrowId:ctx=>ctx.ids?.arrow??`tooltip:${ctx.id}:arrow`,getPositionerId:ctx=>ctx.ids?.positioner??`tooltip:${ctx.id}:popper`,getTriggerEl:ctx=>dom.getById(ctx,dom.getTriggerId(ctx)),getContentEl:ctx=>dom.getById(ctx,dom.getContentId(ctx)),getPositionerEl:ctx=>dom.getById(ctx,dom.getPositionerId(ctx)),getArrowEl:ctx=>dom.getById(ctx,dom.getArrowId(ctx))});import{proxy}from"@zag-js/core";var store=proxy({id:null,prevId:null,setId(val){this.prevId=this.id;this.id=val}});function connect(state,send,normalize){const id=state.context.id;const hasAriaLabel=state.context.hasAriaLabel;const open=state.hasTag("open");const triggerId=dom.getTriggerId(state.context);const contentId=dom.getContentId(state.context);const disabled=state.context.disabled;const popperStyles=getPlacementStyles({...state.context.positioning,placement:state.context.currentPlacement});return{open,setOpen(nextOpen){if(nextOpen===open)return;send(nextOpen?"OPEN":"CLOSE")},reposition(options={}){send({type:"POSITIONING.SET",options})},triggerProps:normalize.button({...parts.trigger.attrs,id:triggerId,dir:state.context.dir,"data-expanded":dataAttr(open),"data-state":open?"open":"closed","aria-describedby":open?contentId:void 0,onClick(){if(disabled)return;send("CLOSE")},onFocus(){if(disabled||state.event.type==="POINTER_DOWN")return;send("OPEN")},onBlur(){if(disabled)return;if(id===store.id){send("CLOSE")}},onPointerDown(){if(disabled||!state.context.closeOnPointerDown)return;if(id===store.id){send("CLOSE")}},onPointerMove(event){if(disabled||event.pointerType==="touch")return;send("POINTER_MOVE")},onPointerLeave(){if(disabled)return;send("POINTER_LEAVE")},onPointerCancel(){if(disabled)return;send("POINTER_LEAVE")}}),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}),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,hidden:!open,"data-state":open?"open":"closed",role:hasAriaLabel?void 0:"tooltip",id:hasAriaLabel?void 0:contentId,"data-placement":state.context.currentPlacement,onPointerEnter(){send("CONTENT.POINTER_MOVE")},onPointerLeave(){send("CONTENT.POINTER_LEAVE")},style:{pointerEvents:state.context.interactive?"auto":"none"}})}}import{createMachine,guards,subscribe}from"@zag-js/core";import{addDomEvent}from"@zag-js/dom-event";import{getOverflowAncestors,isHTMLElement,isSafari}from"@zag-js/dom-query";import{getPlacement}from"@zag-js/popper";import{compact}from"@zag-js/utils";var{and,not}=guards;function machine(userContext){const ctx=compact(userContext);return createMachine({id:"tooltip",initial:ctx.open?"open":"closed",context:{openDelay:1e3,closeDelay:500,closeOnPointerDown:true,closeOnEscape:true,interactive:false,...ctx,currentPlacement:void 0,hasPointerMoveOpened:false,positioning:{placement:"bottom",...ctx.positioning}},computed:{hasAriaLabel:ctx2=>!!ctx2["aria-label"]},watch:{disabled:["closeIfDisabled"],open:["toggleVisibility"]},states:{closed:{tags:["closed"],entry:["clearGlobalId"],on:{"CONTROLLED.OPEN":"open",OPEN:{target:"open",actions:["invokeOnOpen"]},POINTER_LEAVE:{actions:["clearPointerMoveOpened"]},POINTER_MOVE:[{guard:and("noVisibleTooltip",not("hasPointerMoveOpened")),target:"opening"},{guard:not("hasPointerMoveOpened"),target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]}},opening:{tags:["closed"],activities:["trackScroll","trackPointerlockChange"],after:{OPEN_DELAY:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}]},on:{"CONTROLLED.OPEN":"open","CONTROLLED.CLOSE":"closed",OPEN:[{guard:"isOpenControlled",actions:["invokeOnOpen"]},{target:"open",actions:["invokeOnOpen"]}],POINTER_LEAVE:[{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],CLOSE:{target:"closed",actions:["invokeOnClose"]}}},open:{tags:["open"],activities:["trackEscapeKey","trackDisabledTriggerOnSafari","trackScroll","trackPointerlockChange","trackPositioning"],entry:["setGlobalId"],on:{"CONTROLLED.CLOSE":"closed",CLOSE:{target:"closed",actions:["invokeOnClose"]},POINTER_LEAVE:[{guard:"isVisible",target:"closing",actions:["clearPointerMoveOpened"]},{guard:"isOpenControlled",actions:["clearPointerMoveOpened","invokeOnClose"]},{target:"closed",actions:["clearPointerMoveOpened","invokeOnClose"]}],"CONTENT.POINTER_LEAVE":{guard:"isInteractive",target:"closing"},"POSITIONING.SET":{actions:"reposition"}}},closing:{tags:["open"],activities:["trackStore","trackPositioning"],after:{CLOSE_DELAY:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}]},on:{"CONTROLLED.CLOSE":"closed","CONTROLLED.OPEN":"open",CLOSE:[{guard:"isOpenControlled",actions:["invokeOnClose"]},{target:"closed",actions:["invokeOnClose"]}],POINTER_MOVE:[{guard:"isOpenControlled",actions:["setPointerMoveOpened","invokeOnOpen"]},{target:"open",actions:["setPointerMoveOpened","invokeOnOpen"]}],"CONTENT.POINTER_MOVE":{guard:"isInteractive",target:"open"},"POSITIONING.SET":{actions:"reposition"}}}}},{activities:{trackPositioning(ctx2){ctx2.currentPlacement=ctx2.positioning.placement;const getPositionerEl=()=>dom.getPositionerEl(ctx2);return getPlacement(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,defer:true,onComplete(data){ctx2.currentPlacement=data.placement}})},trackPointerlockChange(ctx2,_evt,{send}){const onChange=()=>send({type:"CLOSE",src:"pointerlock:change"});return addDomEvent(dom.getDoc(ctx2),"pointerlockchange",onChange,false)},trackScroll(ctx2,_evt,{send}){const triggerEl=dom.getTriggerEl(ctx2);if(!triggerEl)return;const overflowParents=getOverflowAncestors(triggerEl);const cleanups=overflowParents.map(overflowParent=>addDomEvent(overflowParent,"scroll",()=>send({type:"CLOSE",src:"scroll"}),{passive:true,capture:true}));return()=>{cleanups.forEach(fn=>fn?.())}},trackStore(ctx2,_evt,{send}){return subscribe(store,()=>{if(store.id!==ctx2.id){send({type:"CLOSE",src:"id:change"})}})},trackDisabledTriggerOnSafari(ctx2,_evt,{send}){if(!isSafari())return;const doc=dom.getDoc(ctx2);return addDomEvent(doc,"pointermove",event=>{const selector="[data-part=trigger][data-expanded]";if(isHTMLElement(event.target)&&event.target.closest(selector))return;send("POINTER_LEAVE")})},trackEscapeKey(ctx2,_evt,{send}){if(!ctx2.closeOnEscape)return;const doc=dom.getDoc(ctx2);return addDomEvent(doc,"keydown",event=>{if(event.key==="Escape"){send("CLOSE")}})}},actions:{setGlobalId(ctx2){store.setId(ctx2.id)},clearGlobalId(ctx2){if(ctx2.id===store.id){store.setId(null)}},invokeOnOpen(ctx2){ctx2.onOpenChange?.({open:true})},invokeOnClose(ctx2){ctx2.onOpenChange?.({open:false})},closeIfDisabled(ctx2,_evt,{send}){if(!ctx2.disabled)return;send({type:"CLOSE",src:"disabled:change"})},reposition(ctx2,evt){const getPositionerEl=()=>dom.getPositionerEl(ctx2);getPlacement(dom.getTriggerEl(ctx2),getPositionerEl,{...ctx2.positioning,...evt.options,defer:true,listeners:false,onComplete(data){ctx2.currentPlacement=data.placement}})},toggleVisibility(ctx2,evt,{send}){send({type:ctx2.open?"CONTROLLED.OPEN":"CONTROLLED.CLOSE",previousEvent:evt})},setPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=true},clearPointerMoveOpened(ctx2){ctx2.hasPointerMoveOpened=false}},guards:{noVisibleTooltip:()=>store.id===null,isVisible:ctx2=>ctx2.id===store.id,isInteractive:ctx2=>ctx2.interactive,hasPointerMoveOpened:ctx2=>!!ctx2.hasPointerMoveOpened,isOpenControlled:ctx2=>!!ctx2["open.controlled"]},delays:{OPEN_DELAY:ctx2=>ctx2.openDelay,CLOSE_DELAY:ctx2=>ctx2.closeDelay}})}import{createProps}from"@zag-js/types";import{createSplitProps}from"@zag-js/utils";var props=createProps()(["aria-label","closeDelay","closeOnEscape","closeOnPointerDown","dir","disabled","getRootNode","id","ids","interactive","onOpenChange","open.controlled","open","openDelay","positioning"]);var splitProps=createSplitProps(props);export{anatomy,connect,machine,props,splitProps};
1
+ // src/tooltip.anatomy.ts
2
+ import { createAnatomy } from "@zag-js/anatomy";
3
+ var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
4
+ var parts = anatomy.build();
5
+
6
+ // src/tooltip.connect.ts
7
+ import { dataAttr } from "@zag-js/dom-query";
8
+ import { getPlacementStyles } from "@zag-js/popper";
9
+
10
+ // src/tooltip.dom.ts
11
+ import { createScope } from "@zag-js/dom-query";
12
+ var dom = createScope({
13
+ getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
14
+ getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
15
+ getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
16
+ getPositionerId: (ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
17
+ getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
18
+ getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
19
+ getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
20
+ getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
21
+ });
22
+
23
+ // src/tooltip.store.ts
24
+ import { proxy } from "@zag-js/core";
25
+ var store = proxy({
26
+ id: null,
27
+ prevId: null,
28
+ setId(val) {
29
+ this.prevId = this.id;
30
+ this.id = val;
31
+ }
32
+ });
33
+
34
+ // src/tooltip.connect.ts
35
+ function connect(state, send, normalize) {
36
+ const id = state.context.id;
37
+ const hasAriaLabel = state.context.hasAriaLabel;
38
+ const open = state.hasTag("open");
39
+ const triggerId = dom.getTriggerId(state.context);
40
+ const contentId = dom.getContentId(state.context);
41
+ const disabled = state.context.disabled;
42
+ const popperStyles = getPlacementStyles({
43
+ ...state.context.positioning,
44
+ placement: state.context.currentPlacement
45
+ });
46
+ return {
47
+ open,
48
+ setOpen(nextOpen) {
49
+ if (nextOpen === open)
50
+ return;
51
+ send(nextOpen ? "OPEN" : "CLOSE");
52
+ },
53
+ reposition(options = {}) {
54
+ send({ type: "POSITIONING.SET", options });
55
+ },
56
+ getTriggerProps() {
57
+ return normalize.button({
58
+ ...parts.trigger.attrs,
59
+ id: triggerId,
60
+ dir: state.context.dir,
61
+ "data-expanded": dataAttr(open),
62
+ "data-state": open ? "open" : "closed",
63
+ "aria-describedby": open ? contentId : void 0,
64
+ onClick() {
65
+ if (disabled)
66
+ return;
67
+ send("CLOSE");
68
+ },
69
+ onFocus() {
70
+ if (disabled || state.event.type === "POINTER_DOWN")
71
+ return;
72
+ send("OPEN");
73
+ },
74
+ onBlur() {
75
+ if (disabled)
76
+ return;
77
+ if (id === store.id) {
78
+ send("CLOSE");
79
+ }
80
+ },
81
+ onPointerDown() {
82
+ if (disabled || !state.context.closeOnPointerDown)
83
+ return;
84
+ if (id === store.id) {
85
+ send("CLOSE");
86
+ }
87
+ },
88
+ onPointerMove(event) {
89
+ if (disabled || event.pointerType === "touch")
90
+ return;
91
+ send("POINTER_MOVE");
92
+ },
93
+ onPointerLeave() {
94
+ if (disabled)
95
+ return;
96
+ send("POINTER_LEAVE");
97
+ },
98
+ onPointerCancel() {
99
+ if (disabled)
100
+ return;
101
+ send("POINTER_LEAVE");
102
+ }
103
+ });
104
+ },
105
+ getArrowProps() {
106
+ return normalize.element({
107
+ id: dom.getArrowId(state.context),
108
+ ...parts.arrow.attrs,
109
+ dir: state.context.dir,
110
+ style: popperStyles.arrow
111
+ });
112
+ },
113
+ getArrowTipProps() {
114
+ return normalize.element({
115
+ ...parts.arrowTip.attrs,
116
+ dir: state.context.dir,
117
+ style: popperStyles.arrowTip
118
+ });
119
+ },
120
+ getPositionerProps() {
121
+ return normalize.element({
122
+ id: dom.getPositionerId(state.context),
123
+ ...parts.positioner.attrs,
124
+ dir: state.context.dir,
125
+ style: popperStyles.floating
126
+ });
127
+ },
128
+ getContentProps() {
129
+ return normalize.element({
130
+ ...parts.content.attrs,
131
+ dir: state.context.dir,
132
+ hidden: !open,
133
+ "data-state": open ? "open" : "closed",
134
+ role: hasAriaLabel ? void 0 : "tooltip",
135
+ id: hasAriaLabel ? void 0 : contentId,
136
+ "data-placement": state.context.currentPlacement,
137
+ onPointerEnter() {
138
+ send("CONTENT.POINTER_MOVE");
139
+ },
140
+ onPointerLeave() {
141
+ send("CONTENT.POINTER_LEAVE");
142
+ },
143
+ style: {
144
+ pointerEvents: state.context.interactive ? "auto" : "none"
145
+ }
146
+ });
147
+ }
148
+ };
149
+ }
150
+
151
+ // src/tooltip.machine.ts
152
+ import { createMachine, guards, subscribe } from "@zag-js/core";
153
+ import { addDomEvent } from "@zag-js/dom-event";
154
+ import { getOverflowAncestors, isHTMLElement, isSafari } from "@zag-js/dom-query";
155
+ import { getPlacement } from "@zag-js/popper";
156
+ import { compact } from "@zag-js/utils";
157
+ var { and, not } = guards;
158
+ function machine(userContext) {
159
+ const ctx = compact(userContext);
160
+ return createMachine(
161
+ {
162
+ id: "tooltip",
163
+ initial: ctx.open ? "open" : "closed",
164
+ context: {
165
+ openDelay: 1e3,
166
+ closeDelay: 500,
167
+ closeOnPointerDown: true,
168
+ closeOnEscape: true,
169
+ interactive: false,
170
+ ...ctx,
171
+ currentPlacement: void 0,
172
+ hasPointerMoveOpened: false,
173
+ positioning: {
174
+ placement: "bottom",
175
+ ...ctx.positioning
176
+ }
177
+ },
178
+ computed: {
179
+ hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
180
+ },
181
+ watch: {
182
+ disabled: ["closeIfDisabled"],
183
+ open: ["toggleVisibility"]
184
+ },
185
+ states: {
186
+ closed: {
187
+ tags: ["closed"],
188
+ entry: ["clearGlobalId"],
189
+ on: {
190
+ "CONTROLLED.OPEN": "open",
191
+ OPEN: {
192
+ target: "open",
193
+ actions: ["invokeOnOpen"]
194
+ },
195
+ POINTER_LEAVE: {
196
+ actions: ["clearPointerMoveOpened"]
197
+ },
198
+ POINTER_MOVE: [
199
+ {
200
+ guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
201
+ target: "opening"
202
+ },
203
+ {
204
+ guard: not("hasPointerMoveOpened"),
205
+ target: "open",
206
+ actions: ["setPointerMoveOpened", "invokeOnOpen"]
207
+ }
208
+ ]
209
+ }
210
+ },
211
+ opening: {
212
+ tags: ["closed"],
213
+ activities: ["trackScroll", "trackPointerlockChange"],
214
+ after: {
215
+ OPEN_DELAY: [
216
+ {
217
+ guard: "isOpenControlled",
218
+ actions: ["setPointerMoveOpened", "invokeOnOpen"]
219
+ },
220
+ {
221
+ target: "open",
222
+ actions: ["setPointerMoveOpened", "invokeOnOpen"]
223
+ }
224
+ ]
225
+ },
226
+ on: {
227
+ "CONTROLLED.OPEN": "open",
228
+ "CONTROLLED.CLOSE": "closed",
229
+ OPEN: [
230
+ {
231
+ guard: "isOpenControlled",
232
+ actions: ["invokeOnOpen"]
233
+ },
234
+ {
235
+ target: "open",
236
+ actions: ["invokeOnOpen"]
237
+ }
238
+ ],
239
+ POINTER_LEAVE: [
240
+ {
241
+ guard: "isOpenControlled",
242
+ actions: ["clearPointerMoveOpened", "invokeOnClose"]
243
+ },
244
+ {
245
+ target: "closed",
246
+ actions: ["clearPointerMoveOpened", "invokeOnClose"]
247
+ }
248
+ ],
249
+ CLOSE: {
250
+ target: "closed",
251
+ actions: ["invokeOnClose"]
252
+ }
253
+ }
254
+ },
255
+ open: {
256
+ tags: ["open"],
257
+ activities: [
258
+ "trackEscapeKey",
259
+ "trackDisabledTriggerOnSafari",
260
+ "trackScroll",
261
+ "trackPointerlockChange",
262
+ "trackPositioning"
263
+ ],
264
+ entry: ["setGlobalId"],
265
+ on: {
266
+ "CONTROLLED.CLOSE": "closed",
267
+ CLOSE: {
268
+ target: "closed",
269
+ actions: ["invokeOnClose"]
270
+ },
271
+ POINTER_LEAVE: [
272
+ {
273
+ guard: "isVisible",
274
+ target: "closing",
275
+ actions: ["clearPointerMoveOpened"]
276
+ },
277
+ // == group ==
278
+ {
279
+ guard: "isOpenControlled",
280
+ actions: ["clearPointerMoveOpened", "invokeOnClose"]
281
+ },
282
+ {
283
+ target: "closed",
284
+ actions: ["clearPointerMoveOpened", "invokeOnClose"]
285
+ }
286
+ ],
287
+ "CONTENT.POINTER_LEAVE": {
288
+ guard: "isInteractive",
289
+ target: "closing"
290
+ },
291
+ "POSITIONING.SET": {
292
+ actions: "reposition"
293
+ }
294
+ }
295
+ },
296
+ closing: {
297
+ tags: ["open"],
298
+ activities: ["trackStore", "trackPositioning"],
299
+ after: {
300
+ CLOSE_DELAY: [
301
+ {
302
+ guard: "isOpenControlled",
303
+ actions: ["invokeOnClose"]
304
+ },
305
+ {
306
+ target: "closed",
307
+ actions: ["invokeOnClose"]
308
+ }
309
+ ]
310
+ },
311
+ on: {
312
+ "CONTROLLED.CLOSE": "closed",
313
+ "CONTROLLED.OPEN": "open",
314
+ CLOSE: [
315
+ {
316
+ guard: "isOpenControlled",
317
+ actions: ["invokeOnClose"]
318
+ },
319
+ {
320
+ target: "closed",
321
+ actions: ["invokeOnClose"]
322
+ }
323
+ ],
324
+ POINTER_MOVE: [
325
+ {
326
+ guard: "isOpenControlled",
327
+ actions: ["setPointerMoveOpened", "invokeOnOpen"]
328
+ },
329
+ {
330
+ target: "open",
331
+ actions: ["setPointerMoveOpened", "invokeOnOpen"]
332
+ }
333
+ ],
334
+ "CONTENT.POINTER_MOVE": {
335
+ guard: "isInteractive",
336
+ target: "open"
337
+ },
338
+ "POSITIONING.SET": {
339
+ actions: "reposition"
340
+ }
341
+ }
342
+ }
343
+ }
344
+ },
345
+ {
346
+ activities: {
347
+ trackPositioning(ctx2) {
348
+ ctx2.currentPlacement = ctx2.positioning.placement;
349
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
350
+ return getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
351
+ ...ctx2.positioning,
352
+ defer: true,
353
+ onComplete(data) {
354
+ ctx2.currentPlacement = data.placement;
355
+ }
356
+ });
357
+ },
358
+ trackPointerlockChange(ctx2, _evt, { send }) {
359
+ const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
360
+ return addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
361
+ },
362
+ trackScroll(ctx2, _evt, { send }) {
363
+ const triggerEl = dom.getTriggerEl(ctx2);
364
+ if (!triggerEl)
365
+ return;
366
+ const overflowParents = getOverflowAncestors(triggerEl);
367
+ const cleanups = overflowParents.map(
368
+ (overflowParent) => addDomEvent(overflowParent, "scroll", () => send({ type: "CLOSE", src: "scroll" }), {
369
+ passive: true,
370
+ capture: true
371
+ })
372
+ );
373
+ return () => {
374
+ cleanups.forEach((fn) => fn?.());
375
+ };
376
+ },
377
+ trackStore(ctx2, _evt, { send }) {
378
+ return subscribe(store, () => {
379
+ if (store.id !== ctx2.id) {
380
+ send({ type: "CLOSE", src: "id:change" });
381
+ }
382
+ });
383
+ },
384
+ trackDisabledTriggerOnSafari(ctx2, _evt, { send }) {
385
+ if (!isSafari())
386
+ return;
387
+ const doc = dom.getDoc(ctx2);
388
+ return addDomEvent(doc, "pointermove", (event) => {
389
+ const selector = "[data-part=trigger][data-expanded]";
390
+ if (isHTMLElement(event.target) && event.target.closest(selector))
391
+ return;
392
+ send("POINTER_LEAVE");
393
+ });
394
+ },
395
+ trackEscapeKey(ctx2, _evt, { send }) {
396
+ if (!ctx2.closeOnEscape)
397
+ return;
398
+ const doc = dom.getDoc(ctx2);
399
+ return addDomEvent(doc, "keydown", (event) => {
400
+ if (event.key === "Escape") {
401
+ send("CLOSE");
402
+ }
403
+ });
404
+ }
405
+ },
406
+ actions: {
407
+ setGlobalId(ctx2) {
408
+ store.setId(ctx2.id);
409
+ },
410
+ clearGlobalId(ctx2) {
411
+ if (ctx2.id === store.id) {
412
+ store.setId(null);
413
+ }
414
+ },
415
+ invokeOnOpen(ctx2) {
416
+ ctx2.onOpenChange?.({ open: true });
417
+ },
418
+ invokeOnClose(ctx2) {
419
+ ctx2.onOpenChange?.({ open: false });
420
+ },
421
+ closeIfDisabled(ctx2, _evt, { send }) {
422
+ if (!ctx2.disabled)
423
+ return;
424
+ send({ type: "CLOSE", src: "disabled:change" });
425
+ },
426
+ reposition(ctx2, evt) {
427
+ const getPositionerEl = () => dom.getPositionerEl(ctx2);
428
+ getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
429
+ ...ctx2.positioning,
430
+ ...evt.options,
431
+ defer: true,
432
+ listeners: false,
433
+ onComplete(data) {
434
+ ctx2.currentPlacement = data.placement;
435
+ }
436
+ });
437
+ },
438
+ toggleVisibility(ctx2, evt, { send }) {
439
+ send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
440
+ },
441
+ setPointerMoveOpened(ctx2) {
442
+ ctx2.hasPointerMoveOpened = true;
443
+ },
444
+ clearPointerMoveOpened(ctx2) {
445
+ ctx2.hasPointerMoveOpened = false;
446
+ }
447
+ },
448
+ guards: {
449
+ noVisibleTooltip: () => store.id === null,
450
+ isVisible: (ctx2) => ctx2.id === store.id,
451
+ isInteractive: (ctx2) => ctx2.interactive,
452
+ hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened,
453
+ isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
454
+ },
455
+ delays: {
456
+ OPEN_DELAY: (ctx2) => ctx2.openDelay,
457
+ CLOSE_DELAY: (ctx2) => ctx2.closeDelay
458
+ }
459
+ }
460
+ );
461
+ }
462
+
463
+ // src/tooltip.props.ts
464
+ import { createProps } from "@zag-js/types";
465
+ import { createSplitProps } from "@zag-js/utils";
466
+ var props = createProps()([
467
+ "aria-label",
468
+ "closeDelay",
469
+ "closeOnEscape",
470
+ "closeOnPointerDown",
471
+ "dir",
472
+ "disabled",
473
+ "getRootNode",
474
+ "id",
475
+ "ids",
476
+ "interactive",
477
+ "onOpenChange",
478
+ "open.controlled",
479
+ "open",
480
+ "openDelay",
481
+ "positioning"
482
+ ]);
483
+ var splitProps = createSplitProps(props);
484
+ export {
485
+ anatomy,
486
+ connect,
487
+ machine,
488
+ props,
489
+ splitProps
490
+ };
2
491
  //# sourceMappingURL=index.mjs.map