@zag-js/tooltip 0.70.0 → 0.72.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 CHANGED
@@ -1,46 +1,18 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ 'use strict';
19
2
 
20
- // src/index.ts
21
- var src_exports = {};
22
- __export(src_exports, {
23
- anatomy: () => anatomy,
24
- connect: () => connect,
25
- machine: () => machine,
26
- props: () => props,
27
- splitProps: () => splitProps
28
- });
29
- module.exports = __toCommonJS(src_exports);
3
+ var anatomy$1 = require('@zag-js/anatomy');
4
+ var domQuery = require('@zag-js/dom-query');
5
+ var focusVisible = require('@zag-js/focus-visible');
6
+ var popper = require('@zag-js/popper');
7
+ var core = require('@zag-js/core');
8
+ var domEvent = require('@zag-js/dom-event');
9
+ var utils = require('@zag-js/utils');
10
+ var types = require('@zag-js/types');
30
11
 
31
12
  // src/tooltip.anatomy.ts
32
- var import_anatomy = require("@zag-js/anatomy");
33
- var anatomy = (0, import_anatomy.createAnatomy)("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
13
+ var anatomy = anatomy$1.createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
34
14
  var parts = anatomy.build();
35
-
36
- // src/tooltip.connect.ts
37
- var import_dom_query2 = require("@zag-js/dom-query");
38
- var import_focus_visible = require("@zag-js/focus-visible");
39
- var import_popper = require("@zag-js/popper");
40
-
41
- // src/tooltip.dom.ts
42
- var import_dom_query = require("@zag-js/dom-query");
43
- var dom = (0, import_dom_query.createScope)({
15
+ var dom = domQuery.createScope({
44
16
  getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
45
17
  getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
46
18
  getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
@@ -50,10 +22,7 @@ var dom = (0, import_dom_query.createScope)({
50
22
  getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
51
23
  getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
52
24
  });
53
-
54
- // src/tooltip.store.ts
55
- var import_core = require("@zag-js/core");
56
- var store = (0, import_core.proxy)({
25
+ var store = core.proxy({
57
26
  id: null,
58
27
  prevId: null,
59
28
  setId(val) {
@@ -70,7 +39,7 @@ function connect(state, send, normalize) {
70
39
  const triggerId = dom.getTriggerId(state.context);
71
40
  const contentId = dom.getContentId(state.context);
72
41
  const disabled = state.context.disabled;
73
- const popperStyles = (0, import_popper.getPlacementStyles)({
42
+ const popperStyles = popper.getPlacementStyles({
74
43
  ...state.context.positioning,
75
44
  placement: state.context.currentPlacement
76
45
  });
@@ -88,7 +57,7 @@ function connect(state, send, normalize) {
88
57
  ...parts.trigger.attrs,
89
58
  id: triggerId,
90
59
  dir: state.context.dir,
91
- "data-expanded": (0, import_dom_query2.dataAttr)(open),
60
+ "data-expanded": domQuery.dataAttr(open),
92
61
  "data-state": open ? "open" : "closed",
93
62
  "aria-describedby": open ? contentId : void 0,
94
63
  onClick(event) {
@@ -101,7 +70,7 @@ function connect(state, send, normalize) {
101
70
  if (event.defaultPrevented) return;
102
71
  if (disabled) return;
103
72
  if (state.event.src === "trigger.pointerdown") return;
104
- if (!(0, import_focus_visible.isFocusVisible)()) return;
73
+ if (!focusVisible.isFocusVisible()) return;
105
74
  send({ type: "OPEN", src: "trigger.focus" });
106
75
  },
107
76
  onBlur(event) {
@@ -180,18 +149,10 @@ function connect(state, send, normalize) {
180
149
  }
181
150
  };
182
151
  }
183
-
184
- // src/tooltip.machine.ts
185
- var import_core2 = require("@zag-js/core");
186
- var import_dom_event = require("@zag-js/dom-event");
187
- var import_dom_query3 = require("@zag-js/dom-query");
188
- var import_focus_visible2 = require("@zag-js/focus-visible");
189
- var import_popper2 = require("@zag-js/popper");
190
- var import_utils = require("@zag-js/utils");
191
- var { and, not } = import_core2.guards;
152
+ var { and, not } = core.guards;
192
153
  function machine(userContext) {
193
- const ctx = (0, import_utils.compact)(userContext);
194
- return (0, import_core2.createMachine)(
154
+ const ctx = utils.compact(userContext);
155
+ return core.createMachine(
195
156
  {
196
157
  id: "tooltip",
197
158
  initial: ctx.open ? "open" : "closed",
@@ -376,12 +337,12 @@ function machine(userContext) {
376
337
  {
377
338
  activities: {
378
339
  trackFocusVisible(ctx2) {
379
- return (0, import_focus_visible2.trackFocusVisible)({ root: dom.getRootNode(ctx2) });
340
+ return focusVisible.trackFocusVisible({ root: dom.getRootNode(ctx2) });
380
341
  },
381
342
  trackPositioning(ctx2) {
382
343
  ctx2.currentPlacement = ctx2.positioning.placement;
383
344
  const getPositionerEl = () => dom.getPositionerEl(ctx2);
384
- return (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
345
+ return popper.getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
385
346
  ...ctx2.positioning,
386
347
  defer: true,
387
348
  onComplete(data) {
@@ -391,25 +352,25 @@ function machine(userContext) {
391
352
  },
392
353
  trackPointerlockChange(ctx2, _evt, { send }) {
393
354
  const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" });
394
- return (0, import_dom_event.addDomEvent)(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
355
+ return domEvent.addDomEvent(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
395
356
  },
396
357
  trackScroll(ctx2, _evt, { send }) {
397
358
  if (!ctx2.closeOnScroll) return;
398
359
  const triggerEl = dom.getTriggerEl(ctx2);
399
360
  if (!triggerEl) return;
400
- const overflowParents = (0, import_dom_query3.getOverflowAncestors)(triggerEl);
361
+ const overflowParents = domQuery.getOverflowAncestors(triggerEl);
401
362
  const cleanups = overflowParents.map((overflowParent) => {
402
363
  const onScroll = () => {
403
364
  send({ type: "CLOSE", src: "scroll" });
404
365
  };
405
- return (0, import_dom_event.addDomEvent)(overflowParent, "scroll", onScroll, { passive: true, capture: true });
366
+ return domEvent.addDomEvent(overflowParent, "scroll", onScroll, { passive: true, capture: true });
406
367
  });
407
368
  return () => {
408
369
  cleanups.forEach((fn) => fn?.());
409
370
  };
410
371
  },
411
372
  trackStore(ctx2, _evt, { send }) {
412
- return (0, import_core2.subscribe)(store, () => {
373
+ return core.subscribe(store, () => {
413
374
  if (store.id !== ctx2.id) {
414
375
  send({ type: "CLOSE", src: "id.change" });
415
376
  }
@@ -418,12 +379,12 @@ function machine(userContext) {
418
379
  trackEscapeKey(ctx2, _evt, { send }) {
419
380
  if (!ctx2.closeOnEscape) return;
420
381
  const onKeyDown = (event) => {
421
- if ((0, import_dom_query3.isComposingEvent)(event)) return;
382
+ if (domQuery.isComposingEvent(event)) return;
422
383
  if (event.key !== "Escape") return;
423
384
  event.stopPropagation();
424
385
  send({ type: "CLOSE", src: "keydown.escape" });
425
386
  };
426
- return (0, import_dom_event.addDomEvent)(dom.getDoc(ctx2), "keydown", onKeyDown, true);
387
+ return domEvent.addDomEvent(dom.getDoc(ctx2), "keydown", onKeyDown, true);
427
388
  }
428
389
  },
429
390
  actions: {
@@ -447,7 +408,7 @@ function machine(userContext) {
447
408
  },
448
409
  reposition(ctx2, evt) {
449
410
  const getPositionerEl = () => dom.getPositionerEl(ctx2);
450
- (0, import_popper2.getPlacement)(dom.getTriggerEl(ctx2), getPositionerEl, {
411
+ popper.getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
451
412
  ...ctx2.positioning,
452
413
  ...evt.options,
453
414
  defer: true,
@@ -481,11 +442,7 @@ function machine(userContext) {
481
442
  }
482
443
  );
483
444
  }
484
-
485
- // src/tooltip.props.ts
486
- var import_types = require("@zag-js/types");
487
- var import_utils2 = require("@zag-js/utils");
488
- var props = (0, import_types.createProps)()([
445
+ var props = types.createProps()([
489
446
  "aria-label",
490
447
  "closeDelay",
491
448
  "closeOnEscape",
@@ -504,13 +461,10 @@ var props = (0, import_types.createProps)()([
504
461
  "openDelay",
505
462
  "positioning"
506
463
  ]);
507
- var splitProps = (0, import_utils2.createSplitProps)(props);
508
- // Annotate the CommonJS export names for ESM import in node:
509
- 0 && (module.exports = {
510
- anatomy,
511
- connect,
512
- machine,
513
- props,
514
- splitProps
515
- });
516
- //# sourceMappingURL=index.js.map
464
+ var splitProps = utils.createSplitProps(props);
465
+
466
+ exports.anatomy = anatomy;
467
+ exports.connect = connect;
468
+ exports.machine = machine;
469
+ exports.props = props;
470
+ exports.splitProps = splitProps;
package/dist/index.mjs CHANGED
@@ -1,15 +1,15 @@
1
+ import { createAnatomy } from '@zag-js/anatomy';
2
+ import { createScope, dataAttr, getOverflowAncestors, isComposingEvent } from '@zag-js/dom-query';
3
+ import { isFocusVisible, trackFocusVisible } from '@zag-js/focus-visible';
4
+ import { getPlacementStyles, getPlacement } from '@zag-js/popper';
5
+ import { proxy, createMachine, subscribe, guards } from '@zag-js/core';
6
+ import { addDomEvent } from '@zag-js/dom-event';
7
+ import { createSplitProps, compact } from '@zag-js/utils';
8
+ import { createProps } from '@zag-js/types';
9
+
1
10
  // src/tooltip.anatomy.ts
2
- import { createAnatomy } from "@zag-js/anatomy";
3
11
  var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
4
12
  var parts = anatomy.build();
5
-
6
- // src/tooltip.connect.ts
7
- import { dataAttr } from "@zag-js/dom-query";
8
- import { isFocusVisible } from "@zag-js/focus-visible";
9
- import { getPlacementStyles } from "@zag-js/popper";
10
-
11
- // src/tooltip.dom.ts
12
- import { createScope } from "@zag-js/dom-query";
13
13
  var dom = createScope({
14
14
  getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
15
15
  getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
@@ -20,9 +20,6 @@ var dom = createScope({
20
20
  getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
21
21
  getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx))
22
22
  });
23
-
24
- // src/tooltip.store.ts
25
- import { proxy } from "@zag-js/core";
26
23
  var store = proxy({
27
24
  id: null,
28
25
  prevId: null,
@@ -150,14 +147,6 @@ function connect(state, send, normalize) {
150
147
  }
151
148
  };
152
149
  }
153
-
154
- // src/tooltip.machine.ts
155
- import { createMachine, guards, subscribe } from "@zag-js/core";
156
- import { addDomEvent } from "@zag-js/dom-event";
157
- import { getOverflowAncestors, isComposingEvent } from "@zag-js/dom-query";
158
- import { trackFocusVisible } from "@zag-js/focus-visible";
159
- import { getPlacement } from "@zag-js/popper";
160
- import { compact } from "@zag-js/utils";
161
150
  var { and, not } = guards;
162
151
  function machine(userContext) {
163
152
  const ctx = compact(userContext);
@@ -451,10 +440,6 @@ function machine(userContext) {
451
440
  }
452
441
  );
453
442
  }
454
-
455
- // src/tooltip.props.ts
456
- import { createProps } from "@zag-js/types";
457
- import { createSplitProps } from "@zag-js/utils";
458
443
  var props = createProps()([
459
444
  "aria-label",
460
445
  "closeDelay",
@@ -475,11 +460,5 @@ var props = createProps()([
475
460
  "positioning"
476
461
  ]);
477
462
  var splitProps = createSplitProps(props);
478
- export {
479
- anatomy,
480
- connect,
481
- machine,
482
- props,
483
- splitProps
484
- };
485
- //# sourceMappingURL=index.mjs.map
463
+
464
+ export { anatomy, connect, machine, props, splitProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zag-js/tooltip",
3
- "version": "0.70.0",
3
+ "version": "0.72.0",
4
4
  "description": "Core logic for the tooltip widget implemented as a state machine",
5
5
  "keywords": [
6
6
  "js",
@@ -17,8 +17,7 @@
17
17
  "repository": "https://github.com/chakra-ui/zag/tree/main/packages/tooltip",
18
18
  "sideEffects": false,
19
19
  "files": [
20
- "dist",
21
- "src"
20
+ "dist"
22
21
  ],
23
22
  "publishConfig": {
24
23
  "access": "public"
@@ -27,14 +26,14 @@
27
26
  "url": "https://github.com/chakra-ui/zag/issues"
28
27
  },
29
28
  "dependencies": {
30
- "@zag-js/anatomy": "0.70.0",
31
- "@zag-js/core": "0.70.0",
32
- "@zag-js/popper": "0.70.0",
33
- "@zag-js/focus-visible": "0.70.0",
34
- "@zag-js/dom-query": "0.70.0",
35
- "@zag-js/dom-event": "0.70.0",
36
- "@zag-js/utils": "0.70.0",
37
- "@zag-js/types": "0.70.0"
29
+ "@zag-js/anatomy": "0.72.0",
30
+ "@zag-js/core": "0.72.0",
31
+ "@zag-js/popper": "0.72.0",
32
+ "@zag-js/focus-visible": "0.72.0",
33
+ "@zag-js/dom-query": "0.72.0",
34
+ "@zag-js/dom-event": "0.72.0",
35
+ "@zag-js/utils": "0.72.0",
36
+ "@zag-js/types": "0.72.0"
38
37
  },
39
38
  "devDependencies": {
40
39
  "clean-package": "2.2.0"
package/dist/index.js.map DELETED
@@ -1 +0,0 @@
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 Service,\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 { isFocusVisible } from \"@zag-js/focus-visible\"\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(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnClick) return\n send({ type: \"CLOSE\", src: \"trigger.click\" })\n },\n onFocus(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (state.event.src === \"trigger.pointerdown\") return\n if (!isFocusVisible()) return\n send({ type: \"OPEN\", src: \"trigger.focus\" })\n },\n onBlur(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.blur\" })\n }\n },\n onPointerDown(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnPointerDown) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.pointerdown\" })\n }\n },\n onPointerMove(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (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, isComposingEvent } from \"@zag-js/dom-query\"\nimport { trackFocusVisible } from \"@zag-js/focus-visible\"\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 activities: [\"trackFocusVisible\"],\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n closeOnScroll: true,\n closeOnClick: true,\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: [\"trackEscapeKey\", \"trackScroll\", \"trackPointerlockChange\", \"trackPositioning\"],\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 trackFocusVisible(ctx) {\n return trackFocusVisible({ root: dom.getRootNode(ctx) })\n },\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 if (!ctx.closeOnScroll) return\n\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n\n const cleanups = overflowParents.map((overflowParent) => {\n const onScroll = () => {\n send({ type: \"CLOSE\", src: \"scroll\" })\n }\n return addDomEvent(overflowParent, \"scroll\", onScroll, { passive: true, capture: true })\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 trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (isComposingEvent(event)) return\n if (event.key !== \"Escape\") return\n event.stopPropagation()\n send({ type: \"CLOSE\", src: \"keydown.escape\" })\n }\n\n return addDomEvent(dom.getDoc(ctx), \"keydown\", onKeyDown, true)\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 \"closeOnScroll\",\n \"closeOnClick\",\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_focus_visible","import_popper","ctx","import_utils"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../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":["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 { isFocusVisible } from \"@zag-js/focus-visible\"\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(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnClick) return\n send({ type: \"CLOSE\", src: \"trigger.click\" })\n },\n onFocus(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (state.event.src === \"trigger.pointerdown\") return\n if (!isFocusVisible()) return\n send({ type: \"OPEN\", src: \"trigger.focus\" })\n },\n onBlur(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.blur\" })\n }\n },\n onPointerDown(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (!state.context.closeOnPointerDown) return\n if (id === store.id) {\n send({ type: \"CLOSE\", src: \"trigger.pointerdown\" })\n }\n },\n onPointerMove(event) {\n if (event.defaultPrevented) return\n if (disabled) return\n if (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, isComposingEvent } from \"@zag-js/dom-query\"\nimport { trackFocusVisible } from \"@zag-js/focus-visible\"\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 activities: [\"trackFocusVisible\"],\n\n context: {\n openDelay: 1000,\n closeDelay: 500,\n closeOnPointerDown: true,\n closeOnEscape: true,\n interactive: false,\n closeOnScroll: true,\n closeOnClick: true,\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: [\"trackEscapeKey\", \"trackScroll\", \"trackPointerlockChange\", \"trackPositioning\"],\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 trackFocusVisible(ctx) {\n return trackFocusVisible({ root: dom.getRootNode(ctx) })\n },\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 if (!ctx.closeOnScroll) return\n\n const triggerEl = dom.getTriggerEl(ctx)\n if (!triggerEl) return\n\n const overflowParents = getOverflowAncestors(triggerEl)\n\n const cleanups = overflowParents.map((overflowParent) => {\n const onScroll = () => {\n send({ type: \"CLOSE\", src: \"scroll\" })\n }\n return addDomEvent(overflowParent, \"scroll\", onScroll, { passive: true, capture: true })\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 trackEscapeKey(ctx, _evt, { send }) {\n if (!ctx.closeOnEscape) return\n\n const onKeyDown = (event: KeyboardEvent) => {\n if (isComposingEvent(event)) return\n if (event.key !== \"Escape\") return\n event.stopPropagation()\n send({ type: \"CLOSE\", src: \"keydown.escape\" })\n }\n\n return addDomEvent(dom.getDoc(ctx), \"keydown\", onKeyDown, true)\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 \"closeOnScroll\",\n \"closeOnClick\",\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":["ctx"]}
package/src/index.ts DELETED
@@ -1,13 +0,0 @@
1
- export { anatomy } from "./tooltip.anatomy"
2
- export { connect } from "./tooltip.connect"
3
- export { machine } from "./tooltip.machine"
4
- export * from "./tooltip.props"
5
- export type {
6
- MachineApi as Api,
7
- UserDefinedContext as Context,
8
- ElementIds,
9
- OpenChangeDetails,
10
- Placement,
11
- PositioningOptions,
12
- Service,
13
- } from "./tooltip.types"
@@ -1,4 +0,0 @@
1
- import { createAnatomy } from "@zag-js/anatomy"
2
-
3
- export const anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content")
4
- export const parts = anatomy.build()
@@ -1,136 +0,0 @@
1
- import { dataAttr } from "@zag-js/dom-query"
2
- import { isFocusVisible } from "@zag-js/focus-visible"
3
- import { getPlacementStyles } from "@zag-js/popper"
4
- import type { NormalizeProps, PropTypes } from "@zag-js/types"
5
- import { parts } from "./tooltip.anatomy"
6
- import { dom } from "./tooltip.dom"
7
- import { store } from "./tooltip.store"
8
- import type { MachineApi, Send, State } from "./tooltip.types"
9
-
10
- export function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T> {
11
- const id = state.context.id
12
- const hasAriaLabel = state.context.hasAriaLabel
13
-
14
- const open = state.hasTag("open")
15
-
16
- const triggerId = dom.getTriggerId(state.context)
17
- const contentId = dom.getContentId(state.context)
18
-
19
- const disabled = state.context.disabled
20
-
21
- const popperStyles = getPlacementStyles({
22
- ...state.context.positioning,
23
- placement: state.context.currentPlacement,
24
- })
25
-
26
- return {
27
- open: open,
28
- setOpen(nextOpen) {
29
- if (nextOpen === open) return
30
- send(nextOpen ? "OPEN" : "CLOSE")
31
- },
32
- reposition(options = {}) {
33
- send({ type: "POSITIONING.SET", options })
34
- },
35
-
36
- getTriggerProps() {
37
- return normalize.button({
38
- ...parts.trigger.attrs,
39
- id: triggerId,
40
- dir: state.context.dir,
41
- "data-expanded": dataAttr(open),
42
- "data-state": open ? "open" : "closed",
43
- "aria-describedby": open ? contentId : undefined,
44
- onClick(event) {
45
- if (event.defaultPrevented) return
46
- if (disabled) return
47
- if (!state.context.closeOnClick) return
48
- send({ type: "CLOSE", src: "trigger.click" })
49
- },
50
- onFocus(event) {
51
- if (event.defaultPrevented) return
52
- if (disabled) return
53
- if (state.event.src === "trigger.pointerdown") return
54
- if (!isFocusVisible()) return
55
- send({ type: "OPEN", src: "trigger.focus" })
56
- },
57
- onBlur(event) {
58
- if (event.defaultPrevented) return
59
- if (disabled) return
60
- if (id === store.id) {
61
- send({ type: "CLOSE", src: "trigger.blur" })
62
- }
63
- },
64
- onPointerDown(event) {
65
- if (event.defaultPrevented) return
66
- if (disabled) return
67
- if (!state.context.closeOnPointerDown) return
68
- if (id === store.id) {
69
- send({ type: "CLOSE", src: "trigger.pointerdown" })
70
- }
71
- },
72
- onPointerMove(event) {
73
- if (event.defaultPrevented) return
74
- if (disabled) return
75
- if (event.pointerType === "touch") return
76
- send("POINTER_MOVE")
77
- },
78
- onPointerLeave() {
79
- if (disabled) return
80
- send("POINTER_LEAVE")
81
- },
82
- onPointerCancel() {
83
- if (disabled) return
84
- send("POINTER_LEAVE")
85
- },
86
- })
87
- },
88
-
89
- getArrowProps() {
90
- return normalize.element({
91
- id: dom.getArrowId(state.context),
92
- ...parts.arrow.attrs,
93
- dir: state.context.dir,
94
- style: popperStyles.arrow,
95
- })
96
- },
97
-
98
- getArrowTipProps() {
99
- return normalize.element({
100
- ...parts.arrowTip.attrs,
101
- dir: state.context.dir,
102
- style: popperStyles.arrowTip,
103
- })
104
- },
105
-
106
- getPositionerProps() {
107
- return normalize.element({
108
- id: dom.getPositionerId(state.context),
109
- ...parts.positioner.attrs,
110
- dir: state.context.dir,
111
- style: popperStyles.floating,
112
- })
113
- },
114
-
115
- getContentProps() {
116
- return normalize.element({
117
- ...parts.content.attrs,
118
- dir: state.context.dir,
119
- hidden: !open,
120
- "data-state": open ? "open" : "closed",
121
- role: hasAriaLabel ? undefined : "tooltip",
122
- id: hasAriaLabel ? undefined : contentId,
123
- "data-placement": state.context.currentPlacement,
124
- onPointerEnter() {
125
- send("CONTENT.POINTER_MOVE")
126
- },
127
- onPointerLeave() {
128
- send("CONTENT.POINTER_LEAVE")
129
- },
130
- style: {
131
- pointerEvents: state.context.interactive ? "auto" : "none",
132
- },
133
- })
134
- },
135
- }
136
- }
@@ -1,14 +0,0 @@
1
- import { createScope } from "@zag-js/dom-query"
2
- import type { MachineContext as Ctx } from "./tooltip.types"
3
-
4
- export const dom = createScope({
5
- getTriggerId: (ctx: Ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
6
- getContentId: (ctx: Ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
7
- getArrowId: (ctx: Ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
8
- getPositionerId: (ctx: Ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
9
-
10
- getTriggerEl: (ctx: Ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
11
- getContentEl: (ctx: Ctx) => dom.getById(ctx, dom.getContentId(ctx)),
12
- getPositionerEl: (ctx: Ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
13
- getArrowEl: (ctx: Ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
14
- })
@@ -1,318 +0,0 @@
1
- import { createMachine, guards, subscribe } from "@zag-js/core"
2
- import { addDomEvent } from "@zag-js/dom-event"
3
- import { getOverflowAncestors, isComposingEvent } from "@zag-js/dom-query"
4
- import { trackFocusVisible } from "@zag-js/focus-visible"
5
- import { getPlacement } from "@zag-js/popper"
6
- import { compact } from "@zag-js/utils"
7
- import { dom } from "./tooltip.dom"
8
- import { store } from "./tooltip.store"
9
- import type { MachineContext, MachineState, UserDefinedContext } from "./tooltip.types"
10
-
11
- const { and, not } = guards
12
-
13
- export function machine(userContext: UserDefinedContext) {
14
- const ctx = compact(userContext)
15
- return createMachine<MachineContext, MachineState>(
16
- {
17
- id: "tooltip",
18
- initial: ctx.open ? "open" : "closed",
19
-
20
- activities: ["trackFocusVisible"],
21
-
22
- context: {
23
- openDelay: 1000,
24
- closeDelay: 500,
25
- closeOnPointerDown: true,
26
- closeOnEscape: true,
27
- interactive: false,
28
- closeOnScroll: true,
29
- closeOnClick: true,
30
- ...ctx,
31
- currentPlacement: undefined,
32
- hasPointerMoveOpened: false,
33
- positioning: {
34
- placement: "bottom",
35
- ...ctx.positioning,
36
- },
37
- },
38
-
39
- computed: {
40
- hasAriaLabel: (ctx) => !!ctx["aria-label"],
41
- },
42
-
43
- watch: {
44
- disabled: ["closeIfDisabled"],
45
- open: ["toggleVisibility"],
46
- },
47
-
48
- states: {
49
- closed: {
50
- tags: ["closed"],
51
- entry: ["clearGlobalId"],
52
- on: {
53
- "CONTROLLED.OPEN": "open",
54
- OPEN: {
55
- target: "open",
56
- actions: ["invokeOnOpen"],
57
- },
58
- POINTER_LEAVE: {
59
- actions: ["clearPointerMoveOpened"],
60
- },
61
- POINTER_MOVE: [
62
- {
63
- guard: and("noVisibleTooltip", not("hasPointerMoveOpened")),
64
- target: "opening",
65
- },
66
- {
67
- guard: not("hasPointerMoveOpened"),
68
- target: "open",
69
- actions: ["setPointerMoveOpened", "invokeOnOpen"],
70
- },
71
- ],
72
- },
73
- },
74
-
75
- opening: {
76
- tags: ["closed"],
77
- activities: ["trackScroll", "trackPointerlockChange"],
78
- after: {
79
- OPEN_DELAY: [
80
- {
81
- guard: "isOpenControlled",
82
- actions: ["setPointerMoveOpened", "invokeOnOpen"],
83
- },
84
- {
85
- target: "open",
86
- actions: ["setPointerMoveOpened", "invokeOnOpen"],
87
- },
88
- ],
89
- },
90
- on: {
91
- "CONTROLLED.OPEN": "open",
92
- "CONTROLLED.CLOSE": "closed",
93
- OPEN: [
94
- {
95
- guard: "isOpenControlled",
96
- actions: ["invokeOnOpen"],
97
- },
98
- {
99
- target: "open",
100
- actions: ["invokeOnOpen"],
101
- },
102
- ],
103
- POINTER_LEAVE: [
104
- {
105
- guard: "isOpenControlled",
106
- actions: ["clearPointerMoveOpened", "invokeOnClose"],
107
- },
108
- {
109
- target: "closed",
110
- actions: ["clearPointerMoveOpened", "invokeOnClose"],
111
- },
112
- ],
113
- CLOSE: {
114
- target: "closed",
115
- actions: ["invokeOnClose"],
116
- },
117
- },
118
- },
119
-
120
- open: {
121
- tags: ["open"],
122
- activities: ["trackEscapeKey", "trackScroll", "trackPointerlockChange", "trackPositioning"],
123
- entry: ["setGlobalId"],
124
- on: {
125
- "CONTROLLED.CLOSE": "closed",
126
- CLOSE: {
127
- target: "closed",
128
- actions: ["invokeOnClose"],
129
- },
130
- POINTER_LEAVE: [
131
- {
132
- guard: "isVisible",
133
- target: "closing",
134
- actions: ["clearPointerMoveOpened"],
135
- },
136
- // == group ==
137
- {
138
- guard: "isOpenControlled",
139
- actions: ["clearPointerMoveOpened", "invokeOnClose"],
140
- },
141
- {
142
- target: "closed",
143
- actions: ["clearPointerMoveOpened", "invokeOnClose"],
144
- },
145
- ],
146
- "CONTENT.POINTER_LEAVE": {
147
- guard: "isInteractive",
148
- target: "closing",
149
- },
150
- "POSITIONING.SET": {
151
- actions: "reposition",
152
- },
153
- },
154
- },
155
-
156
- closing: {
157
- tags: ["open"],
158
- activities: ["trackStore", "trackPositioning"],
159
- after: {
160
- CLOSE_DELAY: [
161
- {
162
- guard: "isOpenControlled",
163
- actions: ["invokeOnClose"],
164
- },
165
- {
166
- target: "closed",
167
- actions: ["invokeOnClose"],
168
- },
169
- ],
170
- },
171
- on: {
172
- "CONTROLLED.CLOSE": "closed",
173
- "CONTROLLED.OPEN": "open",
174
- CLOSE: [
175
- {
176
- guard: "isOpenControlled",
177
- actions: ["invokeOnClose"],
178
- },
179
- {
180
- target: "closed",
181
- actions: ["invokeOnClose"],
182
- },
183
- ],
184
- POINTER_MOVE: [
185
- {
186
- guard: "isOpenControlled",
187
- actions: ["setPointerMoveOpened", "invokeOnOpen"],
188
- },
189
- {
190
- target: "open",
191
- actions: ["setPointerMoveOpened", "invokeOnOpen"],
192
- },
193
- ],
194
- "CONTENT.POINTER_MOVE": {
195
- guard: "isInteractive",
196
- target: "open",
197
- },
198
- "POSITIONING.SET": {
199
- actions: "reposition",
200
- },
201
- },
202
- },
203
- },
204
- },
205
- {
206
- activities: {
207
- trackFocusVisible(ctx) {
208
- return trackFocusVisible({ root: dom.getRootNode(ctx) })
209
- },
210
- trackPositioning(ctx) {
211
- ctx.currentPlacement = ctx.positioning.placement
212
- const getPositionerEl = () => dom.getPositionerEl(ctx)
213
- return getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {
214
- ...ctx.positioning,
215
- defer: true,
216
- onComplete(data) {
217
- ctx.currentPlacement = data.placement
218
- },
219
- })
220
- },
221
- trackPointerlockChange(ctx, _evt, { send }) {
222
- const onChange = () => send({ type: "CLOSE", src: "pointerlock:change" })
223
- return addDomEvent(dom.getDoc(ctx), "pointerlockchange", onChange, false)
224
- },
225
- trackScroll(ctx, _evt, { send }) {
226
- if (!ctx.closeOnScroll) return
227
-
228
- const triggerEl = dom.getTriggerEl(ctx)
229
- if (!triggerEl) return
230
-
231
- const overflowParents = getOverflowAncestors(triggerEl)
232
-
233
- const cleanups = overflowParents.map((overflowParent) => {
234
- const onScroll = () => {
235
- send({ type: "CLOSE", src: "scroll" })
236
- }
237
- return addDomEvent(overflowParent, "scroll", onScroll, { passive: true, capture: true })
238
- })
239
-
240
- return () => {
241
- cleanups.forEach((fn) => fn?.())
242
- }
243
- },
244
- trackStore(ctx, _evt, { send }) {
245
- return subscribe(store, () => {
246
- if (store.id !== ctx.id) {
247
- send({ type: "CLOSE", src: "id.change" })
248
- }
249
- })
250
- },
251
- trackEscapeKey(ctx, _evt, { send }) {
252
- if (!ctx.closeOnEscape) return
253
-
254
- const onKeyDown = (event: KeyboardEvent) => {
255
- if (isComposingEvent(event)) return
256
- if (event.key !== "Escape") return
257
- event.stopPropagation()
258
- send({ type: "CLOSE", src: "keydown.escape" })
259
- }
260
-
261
- return addDomEvent(dom.getDoc(ctx), "keydown", onKeyDown, true)
262
- },
263
- },
264
- actions: {
265
- setGlobalId(ctx) {
266
- store.setId(ctx.id)
267
- },
268
- clearGlobalId(ctx) {
269
- if (ctx.id === store.id) {
270
- store.setId(null)
271
- }
272
- },
273
- invokeOnOpen(ctx) {
274
- ctx.onOpenChange?.({ open: true })
275
- },
276
- invokeOnClose(ctx) {
277
- ctx.onOpenChange?.({ open: false })
278
- },
279
- closeIfDisabled(ctx, _evt, { send }) {
280
- if (!ctx.disabled) return
281
- send({ type: "CLOSE", src: "disabled.change" })
282
- },
283
- reposition(ctx, evt) {
284
- const getPositionerEl = () => dom.getPositionerEl(ctx)
285
- getPlacement(dom.getTriggerEl(ctx), getPositionerEl, {
286
- ...ctx.positioning,
287
- ...evt.options,
288
- defer: true,
289
- listeners: false,
290
- onComplete(data) {
291
- ctx.currentPlacement = data.placement
292
- },
293
- })
294
- },
295
- toggleVisibility(ctx, evt, { send }) {
296
- send({ type: ctx.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: evt })
297
- },
298
- setPointerMoveOpened(ctx) {
299
- ctx.hasPointerMoveOpened = true
300
- },
301
- clearPointerMoveOpened(ctx) {
302
- ctx.hasPointerMoveOpened = false
303
- },
304
- },
305
- guards: {
306
- noVisibleTooltip: () => store.id === null,
307
- isVisible: (ctx) => ctx.id === store.id,
308
- isInteractive: (ctx) => ctx.interactive,
309
- hasPointerMoveOpened: (ctx) => !!ctx.hasPointerMoveOpened,
310
- isOpenControlled: (ctx) => !!ctx["open.controlled"],
311
- },
312
- delays: {
313
- OPEN_DELAY: (ctx) => ctx.openDelay,
314
- CLOSE_DELAY: (ctx) => ctx.closeDelay,
315
- },
316
- },
317
- )
318
- }
@@ -1,25 +0,0 @@
1
- import { createProps } from "@zag-js/types"
2
- import { createSplitProps } from "@zag-js/utils"
3
- import type { UserDefinedContext } from "./tooltip.types"
4
-
5
- export const props = createProps<UserDefinedContext>()([
6
- "aria-label",
7
- "closeDelay",
8
- "closeOnEscape",
9
- "closeOnPointerDown",
10
- "closeOnScroll",
11
- "closeOnClick",
12
- "dir",
13
- "disabled",
14
- "getRootNode",
15
- "id",
16
- "ids",
17
- "interactive",
18
- "onOpenChange",
19
- "open.controlled",
20
- "open",
21
- "openDelay",
22
- "positioning",
23
- ])
24
-
25
- export const splitProps = createSplitProps<Partial<UserDefinedContext>>(props)
@@ -1,18 +0,0 @@
1
- import { proxy } from "@zag-js/core"
2
-
3
- type Id = string | null
4
-
5
- interface TooltipStore {
6
- id: Id
7
- prevId: Id
8
- setId: (val: Id) => void
9
- }
10
-
11
- export const store = proxy<TooltipStore>({
12
- id: null,
13
- prevId: null,
14
- setId(val) {
15
- this.prevId = this.id
16
- this.id = val
17
- },
18
- })
@@ -1,161 +0,0 @@
1
- import type { Machine, StateMachine as S } from "@zag-js/core"
2
- import type { Placement, PositioningOptions } from "@zag-js/popper"
3
- import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
4
-
5
- /* -----------------------------------------------------------------------------
6
- * Callback details
7
- * -----------------------------------------------------------------------------*/
8
-
9
- export interface OpenChangeDetails {
10
- open: boolean
11
- }
12
-
13
- /* -----------------------------------------------------------------------------
14
- * Machine context
15
- * -----------------------------------------------------------------------------*/
16
-
17
- export type ElementIds = Partial<{
18
- trigger: string
19
- content: string
20
- arrow: string
21
- positioner: string
22
- }>
23
-
24
- interface PublicContext extends DirectionProperty, CommonProperties {
25
- /**
26
- * The ids of the elements in the tooltip. Useful for composition.
27
- */
28
- ids?: ElementIds
29
- /**
30
- * The `id` of the tooltip.
31
- */
32
- id: string
33
- /**
34
- * The open delay of the tooltip.
35
- * @default 1000
36
- */
37
- openDelay: number
38
- /**
39
- * The close delay of the tooltip.
40
- * @default 500
41
- */
42
- closeDelay: number
43
- /**
44
- * Whether to close the tooltip on pointerdown.
45
- * @default true
46
- */
47
- closeOnPointerDown: boolean
48
- /**
49
- * Whether to close the tooltip when the Escape key is pressed.
50
- * @default true
51
- */
52
- closeOnEscape?: boolean
53
- /**
54
- * Whether the tooltip should close on scroll
55
- * @default true
56
- */
57
- closeOnScroll?: boolean
58
- /**
59
- * Whether the tooltip should close on click
60
- * @default true
61
- */
62
- closeOnClick?: boolean
63
- /**
64
- * Whether the tooltip's content is interactive.
65
- * In this mode, the tooltip will remain open when user hovers over the content.
66
- * @see https://www.w3.org/TR/WCAG21/#content-on-hover-or-focus
67
- *
68
- * @default false
69
- */
70
- interactive: boolean
71
- /**
72
- * Function called when the tooltip is opened.
73
- */
74
- onOpenChange?(details: OpenChangeDetails): void
75
- /**
76
- * Custom label for the tooltip.
77
- */
78
- "aria-label"?: string
79
- /**
80
- * The user provided options used to position the popover content
81
- */
82
- positioning: PositioningOptions
83
- /**
84
- * Whether the tooltip is disabled
85
- */
86
- disabled?: boolean
87
- /**
88
- * Whether the tooltip is open
89
- */
90
- open?: boolean
91
- /**
92
- * Whether the tooltip is controlled by the user
93
- */
94
- "open.controlled"?: boolean
95
- }
96
-
97
- export type UserDefinedContext = RequiredBy<PublicContext, "id">
98
-
99
- type ComputedContext = Readonly<{
100
- /**
101
- * @computed Whether an `aria-label` is set.
102
- */
103
- hasAriaLabel: boolean
104
- }>
105
-
106
- interface PrivateContext {
107
- /**
108
- * @internal
109
- * The computed placement of the tooltip.
110
- */
111
- currentPlacement?: Placement
112
- /**
113
- * @internal
114
- * Whether the pointermove already opened the tooltip.
115
- */
116
- hasPointerMoveOpened?: boolean
117
- }
118
-
119
- export interface MachineContext extends PublicContext, ComputedContext, PrivateContext {}
120
-
121
- export interface MachineState {
122
- value: "opening" | "open" | "closing" | "closed"
123
- tags: "open" | "closed"
124
- }
125
-
126
- export type State = S.State<MachineContext, MachineState>
127
-
128
- export type Send = S.Send<S.AnyEventObject>
129
-
130
- export type Service = Machine<MachineContext, MachineState, S.AnyEventObject>
131
-
132
- /* -----------------------------------------------------------------------------
133
- * Component API
134
- * -----------------------------------------------------------------------------*/
135
-
136
- export interface MachineApi<T extends PropTypes = PropTypes> {
137
- /**
138
- * Whether the tooltip is open.
139
- */
140
- open: boolean
141
- /**
142
- * Function to open the tooltip.
143
- */
144
- setOpen(open: boolean): void
145
- /**
146
- * Function to reposition the popover
147
- */
148
- reposition(options?: Partial<PositioningOptions>): void
149
-
150
- getTriggerProps(): T["button"]
151
- getArrowProps(): T["element"]
152
- getArrowTipProps(): T["element"]
153
- getPositionerProps(): T["element"]
154
- getContentProps(): T["element"]
155
- }
156
-
157
- /* -----------------------------------------------------------------------------
158
- * Re-exported types
159
- * -----------------------------------------------------------------------------*/
160
-
161
- export type { Placement, PositioningOptions }