@zag-js/tooltip 0.49.0 → 0.51.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(_open) {\n if (_open === open) return\n send(_open ? \"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 closeOnEsc: true,\n interactive: false,\n currentPlacement: undefined,\n ...ctx,\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.closeOnEsc) 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 \"closeOnEsc\",\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,qBAA8B;AAEvB,IAAM,cAAU,8BAAc,SAAS,EAAE,MAAM,WAAW,SAAS,YAAY,cAAc,SAAS;AACtG,IAAM,QAAQ,QAAQ,MAAM;;;ACHnC,IAAAA,oBAAyB;AACzB,oBAAmC;;;ACDnC,uBAA4B;AAGrB,IAAM,UAAM,8BAAY;AAAA,EAC7B,cAAc,CAAC,QAAa,IAAI,KAAK,WAAW,WAAW,IAAI,EAAE;AAAA,EACjE,cAAc,CAAC,QAAa,IAAI,KAAK,WAAW,WAAW,IAAI,EAAE;AAAA,EACjE,YAAY,CAAC,QAAa,IAAI,KAAK,SAAS,WAAW,IAAI,EAAE;AAAA,EAC7D,iBAAiB,CAAC,QAAa,IAAI,KAAK,cAAc,WAAW,IAAI,EAAE;AAAA,EAEvE,cAAc,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,EAClE,cAAc,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,EAClE,iBAAiB,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,gBAAgB,GAAG,CAAC;AAAA,EACxE,YAAY,CAAC,QAAa,IAAI,QAAQ,KAAK,IAAI,WAAW,GAAG,CAAC;AAChE,CAAC;;;ACbD,kBAAsB;AAUf,IAAM,YAAQ,mBAAoB;AAAA,EACvC,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,MAAM,KAAK;AACT,SAAK,SAAS,KAAK;AACnB,SAAK,KAAK;AAAA,EACZ;AACF,CAAC;;;AFTM,SAAS,QAA6B,OAAc,MAAY,WAA6C;AAClH,QAAM,KAAK,MAAM,QAAQ;AACzB,QAAM,eAAe,MAAM,QAAQ;AAEnC,QAAM,OAAO,MAAM,OAAO,MAAM;AAEhC,QAAM,YAAY,IAAI,aAAa,MAAM,OAAO;AAChD,QAAM,YAAY,IAAI,aAAa,MAAM,OAAO;AAEhD,QAAM,WAAW,MAAM,QAAQ;AAE/B,QAAM,mBAAe,kCAAmB;AAAA,IACtC,GAAG,MAAM,QAAQ;AAAA,IACjB,WAAW,MAAM,QAAQ;AAAA,EAC3B,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,OAAO;AACb,UAAI,UAAU;AAAM;AACpB,WAAK,QAAQ,SAAS,OAAO;AAAA,IAC/B;AAAA,IACA,WAAW,UAAU,CAAC,GAAG;AACvB,WAAK,EAAE,MAAM,mBAAmB,QAAQ,CAAC;AAAA,IAC3C;AAAA,IAEA,cAAc,UAAU,OAAO;AAAA,MAC7B,GAAG,MAAM,QAAQ;AAAA,MACjB,IAAI;AAAA,MACJ,KAAK,MAAM,QAAQ;AAAA,MACnB,qBAAiB,4BAAS,IAAI;AAAA,MAC9B,cAAc,OAAO,SAAS;AAAA,MAC9B,oBAAoB,OAAO,YAAY;AAAA,MACvC,UAAU;AACR,YAAI;AAAU;AACd,aAAK,OAAO;AAAA,MACd;AAAA,MACA,UAAU;AACR,YAAI,YAAY,MAAM,MAAM,SAAS;AAAgB;AACrD,aAAK,MAAM;AAAA,MACb;AAAA,MACA,SAAS;AACP,YAAI;AAAU;AACd,YAAI,OAAO,MAAM,IAAI;AACnB,eAAK,OAAO;AAAA,QACd;AAAA,MACF;AAAA,MACA,gBAAgB;AACd,YAAI,YAAY,CAAC,MAAM,QAAQ;AAAoB;AACnD,YAAI,OAAO,MAAM,IAAI;AACnB,eAAK,OAAO;AAAA,QACd;AAAA,MACF;AAAA,MACA,cAAc,OAAO;AACnB,YAAI,YAAY,MAAM,gBAAgB;AAAS;AAC/C,aAAK,cAAc;AAAA,MACrB;AAAA,MACA,iBAAiB;AACf,YAAI;AAAU;AACd,aAAK,eAAe;AAAA,MACtB;AAAA,MACA,kBAAkB;AAChB,YAAI;AAAU;AACd,aAAK,eAAe;AAAA,MACtB;AAAA,IACF,CAAC;AAAA,IAED,YAAY,UAAU,QAAQ;AAAA,MAC5B,IAAI,IAAI,WAAW,MAAM,OAAO;AAAA,MAChC,GAAG,MAAM,MAAM;AAAA,MACf,KAAK,MAAM,QAAQ;AAAA,MACnB,OAAO,aAAa;AAAA,IACtB,CAAC;AAAA,IAED,eAAe,UAAU,QAAQ;AAAA,MAC/B,GAAG,MAAM,SAAS;AAAA,MAClB,KAAK,MAAM,QAAQ;AAAA,MACnB,OAAO,aAAa;AAAA,IACtB,CAAC;AAAA,IAED,iBAAiB,UAAU,QAAQ;AAAA,MACjC,IAAI,IAAI,gBAAgB,MAAM,OAAO;AAAA,MACrC,GAAG,MAAM,WAAW;AAAA,MACpB,KAAK,MAAM,QAAQ;AAAA,MACnB,OAAO,aAAa;AAAA,IACtB,CAAC;AAAA,IAED,cAAc,UAAU,QAAQ;AAAA,MAC9B,GAAG,MAAM,QAAQ;AAAA,MACjB,KAAK,MAAM,QAAQ;AAAA,MACnB,QAAQ,CAAC;AAAA,MACT,cAAc,OAAO,SAAS;AAAA,MAC9B,MAAM,eAAe,SAAY;AAAA,MACjC,IAAI,eAAe,SAAY;AAAA,MAC/B,kBAAkB,MAAM,QAAQ;AAAA,MAChC,iBAAiB;AACf,aAAK,sBAAsB;AAAA,MAC7B;AAAA,MACA,iBAAiB;AACf,aAAK,uBAAuB;AAAA,MAC9B;AAAA,MACA,OAAO;AAAA,QACL,eAAe,MAAM,QAAQ,cAAc,SAAS;AAAA,MACtD;AAAA,IACF,CAAC;AAAA,EACH;AACF;;;AGlHA,IAAAC,eAAiD;AACjD,uBAA4B;AAC5B,IAAAC,oBAA8D;AAC9D,IAAAC,iBAA6B;AAC7B,mBAAwB;AAKxB,IAAM,EAAE,KAAK,IAAI,IAAI;AAEd,SAAS,QAAQ,aAAiC;AACvD,QAAM,UAAM,sBAAQ,WAAW;AAC/B,aAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,SAAS,IAAI,OAAO,SAAS;AAAA,MAE7B,SAAS;AAAA,QACP,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,oBAAoB;AAAA,QACpB,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,GAAG;AAAA,QACH,sBAAsB;AAAA,QACtB,aAAa;AAAA,UACX,WAAW;AAAA,UACX,GAAG,IAAI;AAAA,QACT;AAAA,MACF;AAAA,MAEA,UAAU;AAAA,QACR,cAAc,CAACC,SAAQ,CAAC,CAACA,KAAI,YAAY;AAAA,MAC3C;AAAA,MAEA,OAAO;AAAA,QACL,UAAU,CAAC,iBAAiB;AAAA,QAC5B,MAAM,CAAC,kBAAkB;AAAA,MAC3B;AAAA,MAEA,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,MAAM,CAAC,QAAQ;AAAA,UACf,OAAO,CAAC,eAAe;AAAA,UACvB,IAAI;AAAA,YACF,mBAAmB;AAAA,YACnB,MAAM;AAAA,cACJ,QAAQ;AAAA,cACR,SAAS,CAAC,cAAc;AAAA,YAC1B;AAAA,YACA,eAAe;AAAA,cACb,SAAS,CAAC,wBAAwB;AAAA,YACpC;AAAA,YACA,cAAc;AAAA,cACZ;AAAA,gBACE,OAAO,IAAI,oBAAoB,IAAI,sBAAsB,CAAC;AAAA,gBAC1D,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,OAAO,IAAI,sBAAsB;AAAA,gBACjC,QAAQ;AAAA,gBACR,SAAS,CAAC,wBAAwB,cAAc;AAAA,cAClD;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAEA,SAAS;AAAA,UACP,MAAM,CAAC,QAAQ;AAAA,UACf,YAAY,CAAC,eAAe,wBAAwB;AAAA,UACpD,OAAO;AAAA,YACL,YAAY;AAAA,cACV;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,wBAAwB,cAAc;AAAA,cAClD;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,wBAAwB,cAAc;AAAA,cAClD;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI;AAAA,YACF,mBAAmB;AAAA,YACnB,oBAAoB;AAAA,YACpB,MAAM;AAAA,cACJ;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,cAAc;AAAA,cAC1B;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,cAAc;AAAA,cAC1B;AAAA,YACF;AAAA,YACA,eAAe;AAAA,cACb;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,0BAA0B,eAAe;AAAA,cACrD;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,0BAA0B,eAAe;AAAA,cACrD;AAAA,YACF;AAAA,YACA,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,SAAS,CAAC,eAAe;AAAA,YAC3B;AAAA,UACF;AAAA,QACF;AAAA,QAEA,MAAM;AAAA,UACJ,MAAM,CAAC,MAAM;AAAA,UACb,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO,CAAC,aAAa;AAAA,UACrB,IAAI;AAAA,YACF,oBAAoB;AAAA,YACpB,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,SAAS,CAAC,eAAe;AAAA,YAC3B;AAAA,YACA,eAAe;AAAA,cACb;AAAA,gBACE,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,SAAS,CAAC,wBAAwB;AAAA,cACpC;AAAA;AAAA,cAEA;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,0BAA0B,eAAe;AAAA,cACrD;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,0BAA0B,eAAe;AAAA,cACrD;AAAA,YACF;AAAA,YACA,yBAAyB;AAAA,cACvB,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,YACA,mBAAmB;AAAA,cACjB,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,QAEA,SAAS;AAAA,UACP,MAAM,CAAC,MAAM;AAAA,UACb,YAAY,CAAC,cAAc,kBAAkB;AAAA,UAC7C,OAAO;AAAA,YACL,aAAa;AAAA,cACX;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,eAAe;AAAA,cAC3B;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,eAAe;AAAA,cAC3B;AAAA,YACF;AAAA,UACF;AAAA,UACA,IAAI;AAAA,YACF,oBAAoB;AAAA,YACpB,mBAAmB;AAAA,YACnB,OAAO;AAAA,cACL;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,eAAe;AAAA,cAC3B;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,eAAe;AAAA,cAC3B;AAAA,YACF;AAAA,YACA,cAAc;AAAA,cACZ;AAAA,gBACE,OAAO;AAAA,gBACP,SAAS,CAAC,wBAAwB,cAAc;AAAA,cAClD;AAAA,cACA;AAAA,gBACE,QAAQ;AAAA,gBACR,SAAS,CAAC,wBAAwB,cAAc;AAAA,cAClD;AAAA,YACF;AAAA,YACA,wBAAwB;AAAA,cACtB,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,YACA,mBAAmB;AAAA,cACjB,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,QACV,iBAAiBA,MAAK;AACpB,UAAAA,KAAI,mBAAmBA,KAAI,YAAY;AACvC,gBAAM,kBAAkB,MAAM,IAAI,gBAAgBA,IAAG;AACrD,qBAAO,6BAAa,IAAI,aAAaA,IAAG,GAAG,iBAAiB;AAAA,YAC1D,GAAGA,KAAI;AAAA,YACP,OAAO;AAAA,YACP,WAAW,MAAM;AACf,cAAAA,KAAI,mBAAmB,KAAK;AAAA,YAC9B;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,uBAAuBA,MAAK,MAAM,EAAE,KAAK,GAAG;AAC1C,gBAAM,WAAW,MAAM,KAAK,EAAE,MAAM,SAAS,KAAK,qBAAqB,CAAC;AACxE,qBAAO,8BAAY,IAAI,OAAOA,IAAG,GAAG,qBAAqB,UAAU,KAAK;AAAA,QAC1E;AAAA,QACA,YAAYA,MAAK,MAAM,EAAE,KAAK,GAAG;AAC/B,gBAAM,YAAY,IAAI,aAAaA,IAAG;AACtC,cAAI,CAAC;AAAW;AAEhB,gBAAM,sBAAkB,wCAAqB,SAAS;AACtD,gBAAM,WAAW,gBAAgB;AAAA,YAAI,CAAC,uBACpC,8BAAY,gBAAgB,UAAU,MAAM,KAAK,EAAE,MAAM,SAAS,KAAK,SAAS,CAAC,GAAG;AAAA,cAClF,SAAS;AAAA,cACT,SAAS;AAAA,YACX,CAAC;AAAA,UACH;AAEA,iBAAO,MAAM;AACX,qBAAS,QAAQ,CAAC,OAAO,KAAK,CAAC;AAAA,UACjC;AAAA,QACF;AAAA,QACA,WAAWA,MAAK,MAAM,EAAE,KAAK,GAAG;AAC9B,qBAAO,wBAAU,OAAO,MAAM;AAC5B,gBAAI,MAAM,OAAOA,KAAI,IAAI;AACvB,mBAAK,EAAE,MAAM,SAAS,KAAK,YAAY,CAAC;AAAA,YAC1C;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,6BAA6BA,MAAK,MAAM,EAAE,KAAK,GAAG;AAChD,cAAI,KAAC,4BAAS;AAAG;AACjB,gBAAM,MAAM,IAAI,OAAOA,IAAG;AAC1B,qBAAO,8BAAY,KAAK,eAAe,CAAC,UAAU;AAChD,kBAAM,WAAW;AACjB,oBAAI,iCAAc,MAAM,MAAM,KAAK,MAAM,OAAO,QAAQ,QAAQ;AAAG;AACnE,iBAAK,eAAe;AAAA,UACtB,CAAC;AAAA,QACH;AAAA,QACA,eAAeA,MAAK,MAAM,EAAE,KAAK,GAAG;AAClC,cAAI,CAACA,KAAI;AAAY;AACrB,gBAAM,MAAM,IAAI,OAAOA,IAAG;AAC1B,qBAAO,8BAAY,KAAK,WAAW,CAAC,UAAU;AAC5C,gBAAI,MAAM,QAAQ,UAAU;AAC1B,mBAAK,OAAO;AAAA,YACd;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,YAAYA,MAAK;AACf,gBAAM,MAAMA,KAAI,EAAE;AAAA,QACpB;AAAA,QACA,cAAcA,MAAK;AACjB,cAAIA,KAAI,OAAO,MAAM,IAAI;AACvB,kBAAM,MAAM,IAAI;AAAA,UAClB;AAAA,QACF;AAAA,QACA,aAAaA,MAAK;AAChB,UAAAA,KAAI,eAAe,EAAE,MAAM,KAAK,CAAC;AAAA,QACnC;AAAA,QACA,cAAcA,MAAK;AACjB,UAAAA,KAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAAA,QACpC;AAAA,QACA,gBAAgBA,MAAK,MAAM,EAAE,KAAK,GAAG;AACnC,cAAI,CAACA,KAAI;AAAU;AACnB,eAAK,EAAE,MAAM,SAAS,KAAK,kBAAkB,CAAC;AAAA,QAChD;AAAA,QACA,WAAWA,MAAK,KAAK;AACnB,gBAAM,kBAAkB,MAAM,IAAI,gBAAgBA,IAAG;AACrD,2CAAa,IAAI,aAAaA,IAAG,GAAG,iBAAiB;AAAA,YACnD,GAAGA,KAAI;AAAA,YACP,GAAG,IAAI;AAAA,YACP,OAAO;AAAA,YACP,WAAW;AAAA,YACX,WAAW,MAAM;AACf,cAAAA,KAAI,mBAAmB,KAAK;AAAA,YAC9B;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,iBAAiBA,MAAK,KAAK,EAAE,KAAK,GAAG;AACnC,eAAK,EAAE,MAAMA,KAAI,OAAO,oBAAoB,oBAAoB,eAAe,IAAI,CAAC;AAAA,QACtF;AAAA,QACA,qBAAqBA,MAAK;AACxB,UAAAA,KAAI,uBAAuB;AAAA,QAC7B;AAAA,QACA,uBAAuBA,MAAK;AAC1B,UAAAA,KAAI,uBAAuB;AAAA,QAC7B;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,kBAAkB,MAAM,MAAM,OAAO;AAAA,QACrC,WAAW,CAACA,SAAQA,KAAI,OAAO,MAAM;AAAA,QACrC,eAAe,CAACA,SAAQA,KAAI;AAAA,QAC5B,sBAAsB,CAACA,SAAQ,CAAC,CAACA,KAAI;AAAA,QACrC,kBAAkB,CAACA,SAAQ,CAAC,CAACA,KAAI,iBAAiB;AAAA,MACpD;AAAA,MACA,QAAQ;AAAA,QACN,YAAY,CAACA,SAAQA,KAAI;AAAA,QACzB,aAAa,CAACA,SAAQA,KAAI;AAAA,MAC5B;AAAA,IACF;AAAA,EACF;AACF;;;AC9TA,mBAA4B;AAC5B,IAAAC,gBAAiC;AAG1B,IAAM,YAAQ,0BAAgC,EAAE;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,IAAM,iBAAa,gCAA8C,KAAK;","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 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":"qqBAAA,0LCAA,mBAA8B,2BAEvB,IAAM,WAAU,8BAAc,SAAS,EAAE,MAAM,UAAW,QAAS,WAAY,aAAc,SAAS,EACtG,IAAM,MAAQ,QAAQ,MAAM,ECHnC,IAAAA,kBAAyB,6BACzB,kBAAmC,0BCDnC,qBAA4B,6BAGrB,IAAM,OAAM,8BAAY,CAC7B,aAAe,KAAa,IAAI,KAAK,SAAW,WAAW,IAAI,EAAE,WACjE,aAAe,KAAa,IAAI,KAAK,SAAW,WAAW,IAAI,EAAE,WACjE,WAAa,KAAa,IAAI,KAAK,OAAS,WAAW,IAAI,EAAE,SAC7D,gBAAkB,KAAa,IAAI,KAAK,YAAc,WAAW,IAAI,EAAE,UAEvE,aAAe,KAAa,IAAI,QAAQ,IAAK,IAAI,aAAa,GAAG,CAAC,EAClE,aAAe,KAAa,IAAI,QAAQ,IAAK,IAAI,aAAa,GAAG,CAAC,EAClE,gBAAkB,KAAa,IAAI,QAAQ,IAAK,IAAI,gBAAgB,GAAG,CAAC,EACxE,WAAa,KAAa,IAAI,QAAQ,IAAK,IAAI,WAAW,GAAG,CAAC,CAChE,CAAC,ECbD,gBAAsB,wBAUf,IAAM,SAAQ,mBAAoB,CACvC,GAAI,KACJ,OAAQ,KACR,MAAM,IAAK,CACT,KAAK,OAAS,KAAK,GACnB,KAAK,GAAK,GACZ,CACF,CAAC,EFTM,SAAS,QAA6B,MAAc,KAAY,UAA6C,CAClH,MAAM,GAAK,MAAM,QAAQ,GACzB,MAAM,aAAe,MAAM,QAAQ,aAEnC,MAAM,KAAO,MAAM,OAAO,MAAM,EAEhC,MAAM,UAAY,IAAI,aAAa,MAAM,OAAO,EAChD,MAAM,UAAY,IAAI,aAAa,MAAM,OAAO,EAEhD,MAAM,SAAW,MAAM,QAAQ,SAE/B,MAAM,gBAAe,kCAAmB,CACtC,GAAG,MAAM,QAAQ,YACjB,UAAW,MAAM,QAAQ,gBAC3B,CAAC,EAED,MAAO,CACL,KACA,QAAQ,SAAU,CAChB,GAAI,WAAa,KAAM,OACvB,KAAK,SAAW,OAAS,OAAO,CAClC,EACA,WAAW,QAAU,CAAC,EAAG,CACvB,KAAK,CAAE,KAAM,kBAAmB,OAAQ,CAAC,CAC3C,EAEA,aAAc,UAAU,OAAO,CAC7B,GAAG,MAAM,QAAQ,MACjB,GAAI,UACJ,IAAK,MAAM,QAAQ,IACnB,mBAAiB,4BAAS,IAAI,EAC9B,aAAc,KAAO,OAAS,SAC9B,mBAAoB,KAAO,UAAY,OACvC,SAAU,CACR,GAAI,SAAU,OACd,KAAK,OAAO,CACd,EACA,SAAU,CACR,GAAI,UAAY,MAAM,MAAM,OAAS,eAAgB,OACrD,KAAK,MAAM,CACb,EACA,QAAS,CACP,GAAI,SAAU,OACd,GAAI,KAAO,MAAM,GAAI,CACnB,KAAK,OAAO,CACd,CACF,EACA,eAAgB,CACd,GAAI,UAAY,CAAC,MAAM,QAAQ,mBAAoB,OACnD,GAAI,KAAO,MAAM,GAAI,CACnB,KAAK,OAAO,CACd,CACF,EACA,cAAc,MAAO,CACnB,GAAI,UAAY,MAAM,cAAgB,QAAS,OAC/C,KAAK,cAAc,CACrB,EACA,gBAAiB,CACf,GAAI,SAAU,OACd,KAAK,eAAe,CACtB,EACA,iBAAkB,CAChB,GAAI,SAAU,OACd,KAAK,eAAe,CACtB,CACF,CAAC,EAED,WAAY,UAAU,QAAQ,CAC5B,GAAI,IAAI,WAAW,MAAM,OAAO,EAChC,GAAG,MAAM,MAAM,MACf,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,KACtB,CAAC,EAED,cAAe,UAAU,QAAQ,CAC/B,GAAG,MAAM,SAAS,MAClB,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,QACtB,CAAC,EAED,gBAAiB,UAAU,QAAQ,CACjC,GAAI,IAAI,gBAAgB,MAAM,OAAO,EACrC,GAAG,MAAM,WAAW,MACpB,IAAK,MAAM,QAAQ,IACnB,MAAO,aAAa,QACtB,CAAC,EAED,aAAc,UAAU,QAAQ,CAC9B,GAAG,MAAM,QAAQ,MACjB,IAAK,MAAM,QAAQ,IACnB,OAAQ,CAAC,KACT,aAAc,KAAO,OAAS,SAC9B,KAAM,aAAe,OAAY,UACjC,GAAI,aAAe,OAAY,UAC/B,iBAAkB,MAAM,QAAQ,iBAChC,gBAAiB,CACf,KAAK,sBAAsB,CAC7B,EACA,gBAAiB,CACf,KAAK,uBAAuB,CAC9B,EACA,MAAO,CACL,cAAe,MAAM,QAAQ,YAAc,OAAS,MACtD,CACF,CAAC,CACH,CACF,CGlHA,IAAAC,aAAiD,wBACjD,qBAA4B,6BAC5B,IAAAC,kBAA8D,6BAC9D,IAAAC,eAA6B,0BAC7B,iBAAwB,yBAKxB,GAAM,CAAE,IAAK,GAAI,EAAI,oBAEd,SAAS,QAAQ,YAAiC,CACvD,MAAM,OAAM,sBAAQ,WAAW,EAC/B,SAAO,4BACL,CACE,GAAI,UACJ,QAAS,IAAI,KAAO,OAAS,SAE7B,QAAS,CACP,UAAW,IACX,WAAY,IACZ,mBAAoB,KACpB,cAAe,KACf,YAAa,MACb,GAAG,IACH,iBAAkB,OAClB,qBAAsB,MACtB,YAAa,CACX,UAAW,SACX,GAAG,IAAI,WACT,CACF,EAEA,SAAU,CACR,aAAeC,MAAQ,CAAC,CAACA,KAAI,YAAY,CAC3C,EAEA,MAAO,CACL,SAAU,CAAC,iBAAiB,EAC5B,KAAM,CAAC,kBAAkB,CAC3B,EAEA,OAAQ,CACN,OAAQ,CACN,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,eAAe,EACvB,GAAI,CACF,kBAAmB,OACnB,KAAM,CACJ,OAAQ,OACR,QAAS,CAAC,cAAc,CAC1B,EACA,cAAe,CACb,QAAS,CAAC,wBAAwB,CACpC,EACA,aAAc,CACZ,CACE,MAAO,IAAI,mBAAoB,IAAI,sBAAsB,CAAC,EAC1D,OAAQ,SACV,EACA,CACE,MAAO,IAAI,sBAAsB,EACjC,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,CACF,CACF,EAEA,QAAS,CACP,KAAM,CAAC,QAAQ,EACf,WAAY,CAAC,cAAe,wBAAwB,EACpD,MAAO,CACL,WAAY,CACV,CACE,MAAO,mBACP,QAAS,CAAC,uBAAwB,cAAc,CAClD,EACA,CACE,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,CACF,EACA,GAAI,CACF,kBAAmB,OACnB,mBAAoB,SACpB,KAAM,CACJ,CACE,MAAO,mBACP,QAAS,CAAC,cAAc,CAC1B,EACA,CACE,OAAQ,OACR,QAAS,CAAC,cAAc,CAC1B,CACF,EACA,cAAe,CACb,CACE,MAAO,mBACP,QAAS,CAAC,yBAA0B,eAAe,CACrD,EACA,CACE,OAAQ,SACR,QAAS,CAAC,yBAA0B,eAAe,CACrD,CACF,EACA,MAAO,CACL,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,CACF,EAEA,KAAM,CACJ,KAAM,CAAC,MAAM,EACb,WAAY,CACV,iBACA,+BACA,cACA,yBACA,kBACF,EACA,MAAO,CAAC,aAAa,EACrB,GAAI,CACF,mBAAoB,SACpB,MAAO,CACL,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,EACA,cAAe,CACb,CACE,MAAO,YACP,OAAQ,UACR,QAAS,CAAC,wBAAwB,CACpC,EAEA,CACE,MAAO,mBACP,QAAS,CAAC,yBAA0B,eAAe,CACrD,EACA,CACE,OAAQ,SACR,QAAS,CAAC,yBAA0B,eAAe,CACrD,CACF,EACA,wBAAyB,CACvB,MAAO,gBACP,OAAQ,SACV,EACA,kBAAmB,CACjB,QAAS,YACX,CACF,CACF,EAEA,QAAS,CACP,KAAM,CAAC,MAAM,EACb,WAAY,CAAC,aAAc,kBAAkB,EAC7C,MAAO,CACL,YAAa,CACX,CACE,MAAO,mBACP,QAAS,CAAC,eAAe,CAC3B,EACA,CACE,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,CACF,EACA,GAAI,CACF,mBAAoB,SACpB,kBAAmB,OACnB,MAAO,CACL,CACE,MAAO,mBACP,QAAS,CAAC,eAAe,CAC3B,EACA,CACE,OAAQ,SACR,QAAS,CAAC,eAAe,CAC3B,CACF,EACA,aAAc,CACZ,CACE,MAAO,mBACP,QAAS,CAAC,uBAAwB,cAAc,CAClD,EACA,CACE,OAAQ,OACR,QAAS,CAAC,uBAAwB,cAAc,CAClD,CACF,EACA,uBAAwB,CACtB,MAAO,gBACP,OAAQ,MACV,EACA,kBAAmB,CACjB,QAAS,YACX,CACF,CACF,CACF,CACF,EACA,CACE,WAAY,CACV,iBAAiBA,KAAK,CACpBA,KAAI,iBAAmBA,KAAI,YAAY,UACvC,MAAM,gBAAkB,IAAM,IAAI,gBAAgBA,IAAG,EACrD,SAAO,6BAAa,IAAI,aAAaA,IAAG,EAAG,gBAAiB,CAC1D,GAAGA,KAAI,YACP,MAAO,KACP,WAAW,KAAM,CACfA,KAAI,iBAAmB,KAAK,SAC9B,CACF,CAAC,CACH,EACA,uBAAuBA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC1C,MAAM,SAAW,IAAM,KAAK,CAAE,KAAM,QAAS,IAAK,oBAAqB,CAAC,EACxE,SAAO,8BAAY,IAAI,OAAOA,IAAG,EAAG,oBAAqB,SAAU,KAAK,CAC1E,EACA,YAAYA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC/B,MAAM,UAAY,IAAI,aAAaA,IAAG,EACtC,GAAI,CAAC,UAAW,OAEhB,MAAM,mBAAkB,wCAAqB,SAAS,EACtD,MAAM,SAAW,gBAAgB,IAAK,mBACpC,8BAAY,eAAgB,SAAU,IAAM,KAAK,CAAE,KAAM,QAAS,IAAK,QAAS,CAAC,EAAG,CAClF,QAAS,KACT,QAAS,IACX,CAAC,CACH,EAEA,MAAO,IAAM,CACX,SAAS,QAAS,IAAO,KAAK,CAAC,CACjC,CACF,EACA,WAAWA,KAAK,KAAM,CAAE,IAAK,EAAG,CAC9B,SAAO,wBAAU,MAAO,IAAM,CAC5B,GAAI,MAAM,KAAOA,KAAI,GAAI,CACvB,KAAK,CAAE,KAAM,QAAS,IAAK,WAAY,CAAC,CAC1C,CACF,CAAC,CACH,EACA,6BAA6BA,KAAK,KAAM,CAAE,IAAK,EAAG,CAChD,GAAI,IAAC,4BAAS,EAAG,OACjB,MAAM,IAAM,IAAI,OAAOA,IAAG,EAC1B,SAAO,8BAAY,IAAK,cAAgB,OAAU,CAChD,MAAM,SAAW,qCACjB,MAAI,iCAAc,MAAM,MAAM,GAAK,MAAM,OAAO,QAAQ,QAAQ,EAAG,OACnE,KAAK,eAAe,CACtB,CAAC,CACH,EACA,eAAeA,KAAK,KAAM,CAAE,IAAK,EAAG,CAClC,GAAI,CAACA,KAAI,cAAe,OACxB,MAAM,IAAM,IAAI,OAAOA,IAAG,EAC1B,SAAO,8BAAY,IAAK,UAAY,OAAU,CAC5C,GAAI,MAAM,MAAQ,SAAU,CAC1B,KAAK,OAAO,CACd,CACF,CAAC,CACH,CACF,EACA,QAAS,CACP,YAAYA,KAAK,CACf,MAAM,MAAMA,KAAI,EAAE,CACpB,EACA,cAAcA,KAAK,CACjB,GAAIA,KAAI,KAAO,MAAM,GAAI,CACvB,MAAM,MAAM,IAAI,CAClB,CACF,EACA,aAAaA,KAAK,CAChBA,KAAI,eAAe,CAAE,KAAM,IAAK,CAAC,CACnC,EACA,cAAcA,KAAK,CACjBA,KAAI,eAAe,CAAE,KAAM,KAAM,CAAC,CACpC,EACA,gBAAgBA,KAAK,KAAM,CAAE,IAAK,EAAG,CACnC,GAAI,CAACA,KAAI,SAAU,OACnB,KAAK,CAAE,KAAM,QAAS,IAAK,iBAAkB,CAAC,CAChD,EACA,WAAWA,KAAK,IAAK,CACnB,MAAM,gBAAkB,IAAM,IAAI,gBAAgBA,IAAG,KACrD,6BAAa,IAAI,aAAaA,IAAG,EAAG,gBAAiB,CACnD,GAAGA,KAAI,YACP,GAAG,IAAI,QACP,MAAO,KACP,UAAW,MACX,WAAW,KAAM,CACfA,KAAI,iBAAmB,KAAK,SAC9B,CACF,CAAC,CACH,EACA,iBAAiBA,KAAK,IAAK,CAAE,IAAK,EAAG,CACnC,KAAK,CAAE,KAAMA,KAAI,KAAO,kBAAoB,mBAAoB,cAAe,GAAI,CAAC,CACtF,EACA,qBAAqBA,KAAK,CACxBA,KAAI,qBAAuB,IAC7B,EACA,uBAAuBA,KAAK,CAC1BA,KAAI,qBAAuB,KAC7B,CACF,EACA,OAAQ,CACN,iBAAkB,IAAM,MAAM,KAAO,KACrC,UAAYA,MAAQA,KAAI,KAAO,MAAM,GACrC,cAAgBA,MAAQA,KAAI,YAC5B,qBAAuBA,MAAQ,CAAC,CAACA,KAAI,qBACrC,iBAAmBA,MAAQ,CAAC,CAACA,KAAI,iBAAiB,CACpD,EACA,OAAQ,CACN,WAAaA,MAAQA,KAAI,UACzB,YAAcA,MAAQA,KAAI,UAC5B,CACF,CACF,CACF,CC9TA,iBAA4B,yBAC5B,IAAAC,cAAiC,yBAG1B,IAAM,SAAQ,0BAAgC,EAAE,CACrD,aACA,aACA,gBACA,qBACA,MACA,WACA,cACA,KACA,MACA,cACA,eACA,kBACA,OACA,YACA,aACF,CAAC,EAEM,IAAM,cAAa,gCAA8C,KAAK","names":["import_dom_query","import_core","import_dom_query","import_popper","ctx","import_utils"]}
package/dist/index.mjs CHANGED
@@ -1,481 +1,2 @@
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(_open) {
49
- if (_open === open)
50
- return;
51
- send(_open ? "OPEN" : "CLOSE");
52
- },
53
- reposition(options = {}) {
54
- send({ type: "POSITIONING.SET", options });
55
- },
56
- triggerProps: normalize.button({
57
- ...parts.trigger.attrs,
58
- id: triggerId,
59
- dir: state.context.dir,
60
- "data-expanded": dataAttr(open),
61
- "data-state": open ? "open" : "closed",
62
- "aria-describedby": open ? contentId : void 0,
63
- onClick() {
64
- if (disabled)
65
- return;
66
- send("CLOSE");
67
- },
68
- onFocus() {
69
- if (disabled || state.event.type === "POINTER_DOWN")
70
- return;
71
- send("OPEN");
72
- },
73
- onBlur() {
74
- if (disabled)
75
- return;
76
- if (id === store.id) {
77
- send("CLOSE");
78
- }
79
- },
80
- onPointerDown() {
81
- if (disabled || !state.context.closeOnPointerDown)
82
- return;
83
- if (id === store.id) {
84
- send("CLOSE");
85
- }
86
- },
87
- onPointerMove(event) {
88
- if (disabled || event.pointerType === "touch")
89
- return;
90
- send("POINTER_MOVE");
91
- },
92
- onPointerLeave() {
93
- if (disabled)
94
- return;
95
- send("POINTER_LEAVE");
96
- },
97
- onPointerCancel() {
98
- if (disabled)
99
- return;
100
- send("POINTER_LEAVE");
101
- }
102
- }),
103
- arrowProps: normalize.element({
104
- id: dom.getArrowId(state.context),
105
- ...parts.arrow.attrs,
106
- dir: state.context.dir,
107
- style: popperStyles.arrow
108
- }),
109
- arrowTipProps: normalize.element({
110
- ...parts.arrowTip.attrs,
111
- dir: state.context.dir,
112
- style: popperStyles.arrowTip
113
- }),
114
- positionerProps: normalize.element({
115
- id: dom.getPositionerId(state.context),
116
- ...parts.positioner.attrs,
117
- dir: state.context.dir,
118
- style: popperStyles.floating
119
- }),
120
- contentProps: normalize.element({
121
- ...parts.content.attrs,
122
- dir: state.context.dir,
123
- hidden: !open,
124
- "data-state": open ? "open" : "closed",
125
- role: hasAriaLabel ? void 0 : "tooltip",
126
- id: hasAriaLabel ? void 0 : contentId,
127
- "data-placement": state.context.currentPlacement,
128
- onPointerEnter() {
129
- send("CONTENT.POINTER_MOVE");
130
- },
131
- onPointerLeave() {
132
- send("CONTENT.POINTER_LEAVE");
133
- },
134
- style: {
135
- pointerEvents: state.context.interactive ? "auto" : "none"
136
- }
137
- })
138
- };
139
- }
140
-
141
- // src/tooltip.machine.ts
142
- import { createMachine, guards, subscribe } from "@zag-js/core";
143
- import { addDomEvent } from "@zag-js/dom-event";
144
- import { getOverflowAncestors, isHTMLElement, isSafari } from "@zag-js/dom-query";
145
- import { getPlacement } from "@zag-js/popper";
146
- import { compact } from "@zag-js/utils";
147
- var { and, not } = guards;
148
- function machine(userContext) {
149
- const ctx = compact(userContext);
150
- return createMachine(
151
- {
152
- id: "tooltip",
153
- initial: ctx.open ? "open" : "closed",
154
- context: {
155
- openDelay: 1e3,
156
- closeDelay: 500,
157
- closeOnPointerDown: true,
158
- closeOnEsc: true,
159
- interactive: false,
160
- currentPlacement: void 0,
161
- ...ctx,
162
- hasPointerMoveOpened: false,
163
- positioning: {
164
- placement: "bottom",
165
- ...ctx.positioning
166
- }
167
- },
168
- computed: {
169
- hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
170
- },
171
- watch: {
172
- disabled: ["closeIfDisabled"],
173
- open: ["toggleVisibility"]
174
- },
175
- states: {
176
- closed: {
177
- tags: ["closed"],
178
- entry: ["clearGlobalId"],
179
- on: {
180
- "CONTROLLED.OPEN": "open",
181
- OPEN: {
182
- target: "open",
183
- actions: ["invokeOnOpen"]
184
- },
185
- POINTER_LEAVE: {
186
- actions: ["clearPointerMoveOpened"]
187
- },
188
- POINTER_MOVE: [
189
- {
190
- guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
191
- target: "opening"
192
- },
193
- {
194
- guard: not("hasPointerMoveOpened"),
195
- target: "open",
196
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
197
- }
198
- ]
199
- }
200
- },
201
- opening: {
202
- tags: ["closed"],
203
- activities: ["trackScroll", "trackPointerlockChange"],
204
- after: {
205
- OPEN_DELAY: [
206
- {
207
- guard: "isOpenControlled",
208
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
209
- },
210
- {
211
- target: "open",
212
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
213
- }
214
- ]
215
- },
216
- on: {
217
- "CONTROLLED.OPEN": "open",
218
- "CONTROLLED.CLOSE": "closed",
219
- OPEN: [
220
- {
221
- guard: "isOpenControlled",
222
- actions: ["invokeOnOpen"]
223
- },
224
- {
225
- target: "open",
226
- actions: ["invokeOnOpen"]
227
- }
228
- ],
229
- POINTER_LEAVE: [
230
- {
231
- guard: "isOpenControlled",
232
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
233
- },
234
- {
235
- target: "closed",
236
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
237
- }
238
- ],
239
- CLOSE: {
240
- target: "closed",
241
- actions: ["invokeOnClose"]
242
- }
243
- }
244
- },
245
- open: {
246
- tags: ["open"],
247
- activities: [
248
- "trackEscapeKey",
249
- "trackDisabledTriggerOnSafari",
250
- "trackScroll",
251
- "trackPointerlockChange",
252
- "trackPositioning"
253
- ],
254
- entry: ["setGlobalId"],
255
- on: {
256
- "CONTROLLED.CLOSE": "closed",
257
- CLOSE: {
258
- target: "closed",
259
- actions: ["invokeOnClose"]
260
- },
261
- POINTER_LEAVE: [
262
- {
263
- guard: "isVisible",
264
- target: "closing",
265
- actions: ["clearPointerMoveOpened"]
266
- },
267
- // == group ==
268
- {
269
- guard: "isOpenControlled",
270
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
271
- },
272
- {
273
- target: "closed",
274
- actions: ["clearPointerMoveOpened", "invokeOnClose"]
275
- }
276
- ],
277
- "CONTENT.POINTER_LEAVE": {
278
- guard: "isInteractive",
279
- target: "closing"
280
- },
281
- "POSITIONING.SET": {
282
- actions: "reposition"
283
- }
284
- }
285
- },
286
- closing: {
287
- tags: ["open"],
288
- activities: ["trackStore", "trackPositioning"],
289
- after: {
290
- CLOSE_DELAY: [
291
- {
292
- guard: "isOpenControlled",
293
- actions: ["invokeOnClose"]
294
- },
295
- {
296
- target: "closed",
297
- actions: ["invokeOnClose"]
298
- }
299
- ]
300
- },
301
- on: {
302
- "CONTROLLED.CLOSE": "closed",
303
- "CONTROLLED.OPEN": "open",
304
- CLOSE: [
305
- {
306
- guard: "isOpenControlled",
307
- actions: ["invokeOnClose"]
308
- },
309
- {
310
- target: "closed",
311
- actions: ["invokeOnClose"]
312
- }
313
- ],
314
- POINTER_MOVE: [
315
- {
316
- guard: "isOpenControlled",
317
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
318
- },
319
- {
320
- target: "open",
321
- actions: ["setPointerMoveOpened", "invokeOnOpen"]
322
- }
323
- ],
324
- "CONTENT.POINTER_MOVE": {
325
- guard: "isInteractive",
326
- target: "open"
327
- },
328
- "POSITIONING.SET": {
329
- actions: "reposition"
330
- }
331
- }
332
- }
333
- }
334
- },
335
- {
336
- activities: {
337
- trackPositioning(ctx2) {
338
- ctx2.currentPlacement = ctx2.positioning.placement;
339
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
340
- return getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
341
- ...ctx2.positioning,
342
- defer: true,
343
- onComplete(data) {
344
- ctx2.currentPlacement = data.placement;
345
- }
346
- });
347
- },
348
- trackPointerlockChange(ctx2, _evt, { send }) {
349
- const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
350
- return addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
351
- },
352
- trackScroll(ctx2, _evt, { send }) {
353
- const triggerEl = dom.getTriggerEl(ctx2);
354
- if (!triggerEl)
355
- return;
356
- const overflowParents = getOverflowAncestors(triggerEl);
357
- const cleanups = overflowParents.map(
358
- (overflowParent) => addDomEvent(overflowParent, "scroll", () => send({ type: "CLOSE", src: "scroll" }), {
359
- passive: true,
360
- capture: true
361
- })
362
- );
363
- return () => {
364
- cleanups.forEach((fn) => fn?.());
365
- };
366
- },
367
- trackStore(ctx2, _evt, { send }) {
368
- return subscribe(store, () => {
369
- if (store.id !== ctx2.id) {
370
- send({ type: "CLOSE", src: "id:change" });
371
- }
372
- });
373
- },
374
- trackDisabledTriggerOnSafari(ctx2, _evt, { send }) {
375
- if (!isSafari())
376
- return;
377
- const doc = dom.getDoc(ctx2);
378
- return addDomEvent(doc, "pointermove", (event) => {
379
- const selector = "[data-part=trigger][data-expanded]";
380
- if (isHTMLElement(event.target) && event.target.closest(selector))
381
- return;
382
- send("POINTER_LEAVE");
383
- });
384
- },
385
- trackEscapeKey(ctx2, _evt, { send }) {
386
- if (!ctx2.closeOnEsc)
387
- return;
388
- const doc = dom.getDoc(ctx2);
389
- return addDomEvent(doc, "keydown", (event) => {
390
- if (event.key === "Escape") {
391
- send("CLOSE");
392
- }
393
- });
394
- }
395
- },
396
- actions: {
397
- setGlobalId(ctx2) {
398
- store.setId(ctx2.id);
399
- },
400
- clearGlobalId(ctx2) {
401
- if (ctx2.id === store.id) {
402
- store.setId(null);
403
- }
404
- },
405
- invokeOnOpen(ctx2) {
406
- ctx2.onOpenChange?.({ open: true });
407
- },
408
- invokeOnClose(ctx2) {
409
- ctx2.onOpenChange?.({ open: false });
410
- },
411
- closeIfDisabled(ctx2, _evt, { send }) {
412
- if (!ctx2.disabled)
413
- return;
414
- send({ type: "CLOSE", src: "disabled:change" });
415
- },
416
- reposition(ctx2, evt) {
417
- const getPositionerEl = () => dom.getPositionerEl(ctx2);
418
- getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
419
- ...ctx2.positioning,
420
- ...evt.options,
421
- defer: true,
422
- listeners: false,
423
- onComplete(data) {
424
- ctx2.currentPlacement = data.placement;
425
- }
426
- });
427
- },
428
- toggleVisibility(ctx2, evt, { send }) {
429
- send({ type: ctx2.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt });
430
- },
431
- setPointerMoveOpened(ctx2) {
432
- ctx2.hasPointerMoveOpened = true;
433
- },
434
- clearPointerMoveOpened(ctx2) {
435
- ctx2.hasPointerMoveOpened = false;
436
- }
437
- },
438
- guards: {
439
- noVisibleTooltip: () => store.id === null,
440
- isVisible: (ctx2) => ctx2.id === store.id,
441
- isInteractive: (ctx2) => ctx2.interactive,
442
- hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened,
443
- isOpenControlled: (ctx2) => !!ctx2["open.controlled"]
444
- },
445
- delays: {
446
- OPEN_DELAY: (ctx2) => ctx2.openDelay,
447
- CLOSE_DELAY: (ctx2) => ctx2.closeDelay
448
- }
449
- }
450
- );
451
- }
452
-
453
- // src/tooltip.props.ts
454
- import { createProps } from "@zag-js/types";
455
- import { createSplitProps } from "@zag-js/utils";
456
- var props = createProps()([
457
- "aria-label",
458
- "closeDelay",
459
- "closeOnEsc",
460
- "closeOnPointerDown",
461
- "dir",
462
- "disabled",
463
- "getRootNode",
464
- "id",
465
- "ids",
466
- "interactive",
467
- "onOpenChange",
468
- "open.controlled",
469
- "open",
470
- "openDelay",
471
- "positioning"
472
- ]);
473
- var splitProps = createSplitProps(props);
474
- export {
475
- anatomy,
476
- connect,
477
- machine,
478
- props,
479
- splitProps
480
- };
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};
481
2
  //# sourceMappingURL=index.mjs.map