datocms-react-ui 2.0.18 → 2.0.19

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.
Files changed (31) hide show
  1. package/dist/cjs/Tooltip/TooltipContent/index.js +1 -1
  2. package/dist/cjs/Tooltip/TooltipContent/index.js.map +1 -1
  3. package/dist/cjs/Tooltip/TooltipDelayGroup/index.js +140 -0
  4. package/dist/cjs/Tooltip/TooltipDelayGroup/index.js.map +1 -0
  5. package/dist/cjs/Tooltip/TooltipTrigger/index.js +1 -1
  6. package/dist/cjs/Tooltip/TooltipTrigger/index.js.map +1 -1
  7. package/dist/cjs/Tooltip/index.js +3 -1
  8. package/dist/cjs/Tooltip/index.js.map +1 -1
  9. package/dist/esm/Tooltip/Tooltip/index.js.map +1 -1
  10. package/dist/esm/Tooltip/TooltipContent/index.js +2 -2
  11. package/dist/esm/Tooltip/TooltipContent/index.js.map +1 -1
  12. package/dist/esm/Tooltip/TooltipDelayGroup/index.d.ts +118 -0
  13. package/dist/esm/Tooltip/TooltipDelayGroup/index.js +113 -0
  14. package/dist/esm/Tooltip/TooltipDelayGroup/index.js.map +1 -0
  15. package/dist/esm/Tooltip/TooltipTrigger/index.d.ts +4 -2
  16. package/dist/esm/Tooltip/TooltipTrigger/index.js +1 -1
  17. package/dist/esm/Tooltip/TooltipTrigger/index.js.map +1 -1
  18. package/dist/esm/Tooltip/index.d.ts +2 -0
  19. package/dist/esm/Tooltip/index.js +1 -0
  20. package/dist/esm/Tooltip/index.js.map +1 -1
  21. package/dist/types/Tooltip/TooltipDelayGroup/index.d.ts +118 -0
  22. package/dist/types/Tooltip/TooltipTrigger/index.d.ts +4 -2
  23. package/dist/types/Tooltip/index.d.ts +2 -0
  24. package/package.json +2 -2
  25. package/src/Tooltip/Tooltip/index.tsx +1 -1
  26. package/src/Tooltip/TooltipContent/index.tsx +12 -7
  27. package/src/Tooltip/TooltipDelayGroup/index.tsx +128 -0
  28. package/src/Tooltip/TooltipTrigger/index.tsx +9 -6
  29. package/src/Tooltip/index.ts +2 -0
  30. package/src/Tooltip/utils.ts +1 -1
  31. package/types.json +1058 -5026
package/dist/cjs/Tooltip/TooltipContent/index.js CHANGED
@@ -38,8 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
38
38
  };
39
39
  Object.defineProperty(exports, "__esModule", { value: true });
40
40
  exports.TooltipContent = void 0;
41
- var React = __importStar(require("react"));
42
41
  var react_1 = require("@floating-ui/react");
42
+ var React = __importStar(require("react"));
43
43
  var Canvas_1 = require("../../Canvas");
44
44
  var utils_1 = require("../utils");
45
45
  var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
package/dist/cjs/Tooltip/TooltipContent/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipContent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4CAM4B;AAC5B,uCAA8C;AAC9C,kCAAyF;AACzF,oFAAyC;AAMzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CAAC,EAAY,EAAE,OAAO;QAAnB,QAAQ,cAAA;IAClC,IAAM,GAAG,GAAG,IAAA,eAAM,GAAE,CAAC;IACrB,IAAM,KAAK,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC1B,IAAA,KAAgC,IAAA,4BAAoB,GAAE,EAApD,cAAc,oBAAA,EAAE,SAAS,eAA2B,CAAC;IAC7D,IAAM,GAAG,GAAG,IAAA,oBAAY,EAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,6BAA6B;IAC7B,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC;QACd,qDAAqD;QACrD,aAAa,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;QAE9C,qDAAqD;QACrD,OAAO;YACL,IAAA,+BAAuB,GAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,qBAAa,EAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAE/D,IAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,IAAM,QAAQ,GAAG,GAAG,CAAC;IAEf,IAAA,KAAwB,IAAA,2BAAmB,EAAC,KAAK,CAAC,OAAO,EAAE;QAC/D,QAAQ,EAAE,cAAc;YACtB,CAAC,CAAC;gBACE,IAAI,EAAE,eAAe;gBACrB,gCAAgC;gBAChC,0CAA0C;gBAC1C,KAAK,EACH,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;aACtE;YACH,CAAC,CAAC,QAAQ;QACZ,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;SACX;KACF,CAAC,EAbM,SAAS,eAAA,EAAE,MAAM,YAavB,CAAC;IAEH,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,oBAAC,sBAAc,IAAC,IAAI,EAAE,aAAa;QACjC,oBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa;YAC7B,sCACE,GAAG,EAAE,GAAG,EACR,KAAK,wBACA,KAAK,CAAC,cAAc,GACpB,MAAM,KAEP,KAAK,CAAC,gBAAgB,EAAE,IAC5B,SAAS,EAAE,gCAAC,CAAC,OAAO,KAEnB,QAAQ,CACL,CACC,CACM,CAClB,CAAC;AACF,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipContent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAM4B;AAC5B,2CAA+B;AAC/B,uCAA8C;AAC9C,kCAIkB;AAClB,oFAAyC;AAMzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,EAAY,EAAE,OAAO;QAAnB,QAAQ,cAAA;IAClC,IAAM,GAAG,GAAG,IAAA,eAAM,GAAE,CAAC;IACrB,IAAM,KAAK,GAAG,IAAA,uBAAe,GAAE,CAAC;IAC1B,IAAA,KAAgC,IAAA,4BAAoB,GAAE,EAApD,cAAc,oBAAA,EAAE,SAAS,eAA2B,CAAC;IAC7D,IAAM,GAAG,GAAG,IAAA,oBAAY,EAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,6BAA6B;IAC7B,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC;QACd,qDAAqD;QACrD,aAAa,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;QAE9C,qDAAqD;QACrD,OAAO;YACL,IAAA,+BAAuB,GAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,qBAAa,EAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAE/D,IAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,IAAM,QAAQ,GAAG,GAAG,CAAC;IAEf,IAAA,KAAwB,IAAA,2BAAmB,EAAC,KAAK,CAAC,OAAO,EAAE;QAC/D,QAAQ,EAAE,cAAc;YACtB,CAAC,CAAC;gBACE,IAAI,EAAE,eAAe;gBACrB,gCAAgC;gBAChC,0CAA0C;gBAC1C,KAAK,EACH,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;aACtE;YACH,CAAC,CAAC,QAAQ;QACZ,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;SACX;KACF,CAAC,EAbM,SAAS,eAAA,EAAE,MAAM,YAavB,CAAC;IAEH,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,oBAAC,sBAAc,IAAC,IAAI,EAAE,aAAa;QACjC,oBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa;YAC7B,sCACE,GAAG,EAAE,GAAG,EACR,KAAK,wBACA,KAAK,CAAC,cAAc,GACpB,MAAM,KAEP,KAAK,CAAC,gBAAgB,EAAE,IAC5B,SAAS,EAAE,gCAAC,CAAC,OAAO,KAEnB,QAAQ,CACL,CACC,CACM,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
package/dist/cjs/Tooltip/TooltipDelayGroup/index.js ADDED
@@ -0,0 +1,140 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.TooltipDelayGroup = void 0;
27
+ var react_1 = require("@floating-ui/react");
28
+ var React = __importStar(require("react"));
29
+ /**
30
+ * TooltipDelayGroup synchronizes hover delays across multiple tooltips.
31
+ *
32
+ * When tooltips are wrapped in a delay group, hovering over the first tooltip
33
+ * will use the configured delay, but subsequent tooltips in the group will
34
+ * open instantly. This creates a smoother UX when users explore multiple
35
+ * interactive elements with tooltips.
36
+ *
37
+ * @example Basic delay group
38
+ *
39
+ * Group multiple tooltips together so they open instantly after the first one:
40
+ *
41
+ * ```js
42
+ * <Canvas ctx={ctx}>
43
+ * <TooltipDelayGroup delay={500}>
44
+ * <div style={{ display: 'flex', gap: 'var(--spacing-m)' }}>
45
+ * <Tooltip>
46
+ * <TooltipTrigger>
47
+ * <Button leftIcon={<SaveIcon />} />
48
+ * </TooltipTrigger>
49
+ * <TooltipContent>Save changes</TooltipContent>
50
+ * </Tooltip>
51
+ *
52
+ * <Tooltip>
53
+ * <TooltipTrigger>
54
+ * <Button leftIcon={<UndoIcon />} />
55
+ * </TooltipTrigger>
56
+ * <TooltipContent>Undo</TooltipContent>
57
+ * </Tooltip>
58
+ *
59
+ * <Tooltip>
60
+ * <TooltipTrigger>
61
+ * <Button leftIcon={<RedoIcon />} />
62
+ * </TooltipTrigger>
63
+ * <TooltipContent>Redo</TooltipContent>
64
+ * </Tooltip>
65
+ * </div>
66
+ * </TooltipDelayGroup>
67
+ * </Canvas>;
68
+ * ```
69
+ *
70
+ * @example Custom delay configuration
71
+ *
72
+ * Configure different delays for opening and closing tooltips in the group:
73
+ *
74
+ * ```js
75
+ * <Canvas ctx={ctx}>
76
+ * <TooltipDelayGroup delay={{ open: 800, close: 200 }} timeoutMs={500}>
77
+ * <div style={{ display: 'flex', gap: 'var(--spacing-s)' }}>
78
+ * <Tooltip>
79
+ * <TooltipTrigger>
80
+ * <Button>Action 1</Button>
81
+ * </TooltipTrigger>
82
+ * <TooltipContent>First action</TooltipContent>
83
+ * </Tooltip>
84
+ *
85
+ * <Tooltip>
86
+ * <TooltipTrigger>
87
+ * <Button>Action 2</Button>
88
+ * </TooltipTrigger>
89
+ * <TooltipContent>Second action</TooltipContent>
90
+ * </Tooltip>
91
+ * </div>
92
+ * </TooltipDelayGroup>
93
+ * </Canvas>;
94
+ * ```
95
+ *
96
+ * @example Toolbar with grouped tooltips
97
+ *
98
+ * Create a toolbar where hovering between tools feels instant and responsive:
99
+ *
100
+ * ```js
101
+ * <Canvas ctx={ctx}>
102
+ * <TooltipDelayGroup delay={600}>
103
+ * <div style={{
104
+ * display: 'flex',
105
+ * gap: 'var(--spacing-xs)',
106
+ * padding: 'var(--spacing-s)',
107
+ * borderRadius: 'var(--border-radius-m)',
108
+ * backgroundColor: 'var(--light-bg-color)'
109
+ * }}>
110
+ * <Tooltip>
111
+ * <TooltipTrigger>
112
+ * <Button buttonSize="s" leftIcon={<BoldIcon />} />
113
+ * </TooltipTrigger>
114
+ * <TooltipContent>Bold</TooltipContent>
115
+ * </Tooltip>
116
+ *
117
+ * <Tooltip>
118
+ * <TooltipTrigger>
119
+ * <Button buttonSize="s" leftIcon={<ItalicIcon />} />
120
+ * </TooltipTrigger>
121
+ * <TooltipContent>Italic</TooltipContent>
122
+ * </Tooltip>
123
+ *
124
+ * <Tooltip>
125
+ * <TooltipTrigger>
126
+ * <Button buttonSize="s" leftIcon={<UnderlineIcon />} />
127
+ * </TooltipTrigger>
128
+ * <TooltipContent>Underline</TooltipContent>
129
+ * </Tooltip>
130
+ * </div>
131
+ * </TooltipDelayGroup>
132
+ * </Canvas>;
133
+ * ```
134
+ */
135
+ function TooltipDelayGroup(_a) {
136
+ var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 1000 : _b, _c = _a.timeoutMs, timeoutMs = _c === void 0 ? 0 : _c;
137
+ return (React.createElement(react_1.FloatingDelayGroup, { delay: delay, timeoutMs: timeoutMs }, children));
138
+ }
139
+ exports.TooltipDelayGroup = TooltipDelayGroup;
140
+ //# sourceMappingURL=index.js.map
package/dist/cjs/Tooltip/TooltipDelayGroup/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipDelayGroup/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAwD;AACxD,2CAA+B;AAU/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGG;AACH,SAAgB,iBAAiB,CAAC,EAIT;QAHvB,QAAQ,cAAA,EACR,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;IAEb,OAAO,CACL,oBAAC,0BAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IACnD,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC;AAVD,8CAUC"}
package/dist/cjs/Tooltip/TooltipTrigger/index.js CHANGED
@@ -46,8 +46,8 @@ var __rest = (this && this.__rest) || function (s, e) {
46
46
  };
47
47
  Object.defineProperty(exports, "__esModule", { value: true });
48
48
  exports.TooltipTrigger = void 0;
49
- var React = __importStar(require("react"));
50
49
  var react_1 = require("@floating-ui/react");
50
+ var React = __importStar(require("react"));
51
51
  var utils_1 = require("../utils");
52
52
  /**
53
53
  * TooltipTrigger wraps the element that triggers the tooltip on hover/focus.
package/dist/cjs/Tooltip/TooltipTrigger/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipTrigger/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4CAAkD;AAClD,kCAA2C;AAI3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CAAC,EAAsB,EAAE,OAAO;IAA7B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5C,IAAM,KAAK,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEhC,IAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAC1C,IAAM,GAAG,GAAG,IAAA,oBAAY,EAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;IAED,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,KAAK,CAAC,iBAAiB,8BACrB,GAAG,KAAA,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC5C,CACH,CAAC;AACF,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipTrigger/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4CAAkD;AAClD,2CAA+B;AAC/B,kCAA2C;AAM3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACU,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,EAAsB,EAAE,OAAO;IAA7B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5C,IAAM,KAAK,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEhC,IAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAC1C,IAAM,GAAG,GAAG,IAAA,oBAAY,EAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;IAED,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,KAAK,CAAC,iBAAiB,8BACrB,GAAG,KAAA,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC5C,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
package/dist/cjs/Tooltip/index.js CHANGED
@@ -1,10 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TooltipTrigger = exports.TooltipContent = exports.Tooltip = void 0;
3
+ exports.TooltipTrigger = exports.TooltipDelayGroup = exports.TooltipContent = exports.Tooltip = void 0;
4
4
  var Tooltip_1 = require("./Tooltip");
5
5
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
6
6
  var TooltipContent_1 = require("./TooltipContent");
7
7
  Object.defineProperty(exports, "TooltipContent", { enumerable: true, get: function () { return TooltipContent_1.TooltipContent; } });
8
+ var TooltipDelayGroup_1 = require("./TooltipDelayGroup");
9
+ Object.defineProperty(exports, "TooltipDelayGroup", { enumerable: true, get: function () { return TooltipDelayGroup_1.TooltipDelayGroup; } });
8
10
  var TooltipTrigger_1 = require("./TooltipTrigger");
9
11
  Object.defineProperty(exports, "TooltipTrigger", { enumerable: true, get: function () { return TooltipTrigger_1.TooltipTrigger; } });
10
12
  //# sourceMappingURL=index.js.map
package/dist/cjs/Tooltip/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":";;;AAAA,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAEhB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAE1B,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}
package/dist/esm/Tooltip/Tooltip/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/Tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,UAAU,CAAC;AAMtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,MAAM,UAAU,OAAO,CAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAK,OAAO,cAAtB,YAAwB,CAAF;IAC5C,0DAA0D;IAC1D,gCAAgC;IAChC,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACpC,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/Tooltip/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAkB,UAAU,EAAE,MAAM,UAAU,CAAC;AAMtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,MAAM,UAAU,OAAO,CAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAK,OAAO,cAAtB,YAAwB,CAAF;IAC5C,0DAA0D;IAC1D,gCAAgC;IAChC,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IACpC,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC"}
package/dist/esm/Tooltip/TooltipContent/index.js CHANGED
@@ -9,10 +9,10 @@ var __assign = (this && this.__assign) || function () {
9
9
  };
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
+ import { FloatingPortal, useDelayGroup, useDelayGroupContext, useMergeRefs, useTransitionStyles, } from '@floating-ui/react';
12
13
  import * as React from 'react';
13
- import { FloatingPortal, useMergeRefs, useDelayGroup, useDelayGroupContext, useTransitionStyles, } from '@floating-ui/react';
14
14
  import { Canvas, useCtx } from '../../Canvas';
15
- import { useTooltipState, getSharedPortalRoot, releaseSharedPortalRoot } from '../utils';
15
+ import { getSharedPortalRoot, releaseSharedPortalRoot, useTooltipState, } from '../utils';
16
16
  import s from './styles.module.css.json';
17
17
  /**
18
18
  * TooltipContent contains the content displayed in the floating tooltip.
package/dist/esm/Tooltip/TooltipContent/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipContent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAMzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CAAC,EAAY,EAAE,OAAO;QAAnB,QAAQ,cAAA;IAClC,IAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,IAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAC1B,IAAA,KAAgC,oBAAoB,EAAE,EAApD,cAAc,oBAAA,EAAE,SAAS,eAA2B,CAAC;IAC7D,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,6BAA6B;IAC7B,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC;QACd,qDAAqD;QACrD,aAAa,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;QAE9C,qDAAqD;QACrD,OAAO;YACL,uBAAuB,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAE/D,IAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,IAAM,QAAQ,GAAG,GAAG,CAAC;IAEf,IAAA,KAAwB,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE;QAC/D,QAAQ,EAAE,cAAc;YACtB,CAAC,CAAC;gBACE,IAAI,EAAE,eAAe;gBACrB,gCAAgC;gBAChC,0CAA0C;gBAC1C,KAAK,EACH,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;aACtE;YACH,CAAC,CAAC,QAAQ;QACZ,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;SACX;KACF,CAAC,EAbM,SAAS,eAAA,EAAE,MAAM,YAavB,CAAC;IAEH,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,oBAAC,cAAc,IAAC,IAAI,EAAE,aAAa;QACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa;YAC7B,sCACE,GAAG,EAAE,GAAG,EACR,KAAK,wBACA,KAAK,CAAC,cAAc,GACpB,MAAM,KAEP,KAAK,CAAC,gBAAgB,EAAE,IAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,KAEnB,QAAQ,CACL,CACC,CACM,CAClB,CAAC;AACF,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipContent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,YAAY,EACZ,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,GAChB,MAAM,UAAU,CAAC;AAClB,OAAO,CAAC,MAAM,0BAA0B,CAAC;AAMzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,EAAY,EAAE,OAAO;QAAnB,QAAQ,cAAA;IAClC,IAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IACrB,IAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAC1B,IAAA,KAAgC,oBAAoB,EAAE,EAApD,cAAc,oBAAA,EAAE,SAAS,eAA2B,CAAC;IAC7D,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5D,6BAA6B;IAC7B,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC;QACd,qDAAqD;QACrD,aAAa,CAAC,OAAO,GAAG,mBAAmB,EAAE,CAAC;QAE9C,qDAAqD;QACrD,OAAO;YACL,uBAAuB,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,aAAa,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC;IAE/D,IAAM,eAAe,GAAG,CAAC,CAAC;IAC1B,IAAM,QAAQ,GAAG,GAAG,CAAC;IAEf,IAAA,KAAwB,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE;QAC/D,QAAQ,EAAE,cAAc;YACtB,CAAC,CAAC;gBACE,IAAI,EAAE,eAAe;gBACrB,gCAAgC;gBAChC,0CAA0C;gBAC1C,KAAK,EACH,SAAS,KAAK,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;aACtE;YACH,CAAC,CAAC,QAAQ;QACZ,OAAO,EAAE;YACP,OAAO,EAAE,CAAC;SACX;KACF,CAAC,EAbM,SAAS,eAAA,EAAE,MAAM,YAavB,CAAC;IAEH,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,oBAAC,cAAc,IAAC,IAAI,EAAE,aAAa;QACjC,oBAAC,MAAM,IAAC,GAAG,EAAE,GAAG,EAAE,aAAa;YAC7B,sCACE,GAAG,EAAE,GAAG,EACR,KAAK,wBACA,KAAK,CAAC,cAAc,GACpB,MAAM,KAEP,KAAK,CAAC,gBAAgB,EAAE,IAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,KAEnB,QAAQ,CACL,CACC,CACM,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
package/dist/esm/Tooltip/TooltipDelayGroup/index.d.ts ADDED
@@ -0,0 +1,118 @@
1
+ import * as React from 'react';
2
+ export declare type TooltipDelayGroupProps = {
3
+ children?: React.ReactNode;
4
+ /** The delay in milliseconds before a tooltip opens on hover (default: 1000) */
5
+ delay?: number | {
6
+ open?: number;
7
+ close?: number;
8
+ };
9
+ /** How long to wait in milliseconds before closing the group (default: 0) */
10
+ timeoutMs?: number;
11
+ };
12
+ /**
13
+ * TooltipDelayGroup synchronizes hover delays across multiple tooltips.
14
+ *
15
+ * When tooltips are wrapped in a delay group, hovering over the first tooltip
16
+ * will use the configured delay, but subsequent tooltips in the group will
17
+ * open instantly. This creates a smoother UX when users explore multiple
18
+ * interactive elements with tooltips.
19
+ *
20
+ * @example Basic delay group
21
+ *
22
+ * Group multiple tooltips together so they open instantly after the first one:
23
+ *
24
+ * ```js
25
+ * <Canvas ctx={ctx}>
26
+ * <TooltipDelayGroup delay={500}>
27
+ * <div style={{ display: 'flex', gap: 'var(--spacing-m)' }}>
28
+ * <Tooltip>
29
+ * <TooltipTrigger>
30
+ * <Button leftIcon={<SaveIcon />} />
31
+ * </TooltipTrigger>
32
+ * <TooltipContent>Save changes</TooltipContent>
33
+ * </Tooltip>
34
+ *
35
+ * <Tooltip>
36
+ * <TooltipTrigger>
37
+ * <Button leftIcon={<UndoIcon />} />
38
+ * </TooltipTrigger>
39
+ * <TooltipContent>Undo</TooltipContent>
40
+ * </Tooltip>
41
+ *
42
+ * <Tooltip>
43
+ * <TooltipTrigger>
44
+ * <Button leftIcon={<RedoIcon />} />
45
+ * </TooltipTrigger>
46
+ * <TooltipContent>Redo</TooltipContent>
47
+ * </Tooltip>
48
+ * </div>
49
+ * </TooltipDelayGroup>
50
+ * </Canvas>;
51
+ * ```
52
+ *
53
+ * @example Custom delay configuration
54
+ *
55
+ * Configure different delays for opening and closing tooltips in the group:
56
+ *
57
+ * ```js
58
+ * <Canvas ctx={ctx}>
59
+ * <TooltipDelayGroup delay={{ open: 800, close: 200 }} timeoutMs={500}>
60
+ * <div style={{ display: 'flex', gap: 'var(--spacing-s)' }}>
61
+ * <Tooltip>
62
+ * <TooltipTrigger>
63
+ * <Button>Action 1</Button>
64
+ * </TooltipTrigger>
65
+ * <TooltipContent>First action</TooltipContent>
66
+ * </Tooltip>
67
+ *
68
+ * <Tooltip>
69
+ * <TooltipTrigger>
70
+ * <Button>Action 2</Button>
71
+ * </TooltipTrigger>
72
+ * <TooltipContent>Second action</TooltipContent>
73
+ * </Tooltip>
74
+ * </div>
75
+ * </TooltipDelayGroup>
76
+ * </Canvas>;
77
+ * ```
78
+ *
79
+ * @example Toolbar with grouped tooltips
80
+ *
81
+ * Create a toolbar where hovering between tools feels instant and responsive:
82
+ *
83
+ * ```js
84
+ * <Canvas ctx={ctx}>
85
+ * <TooltipDelayGroup delay={600}>
86
+ * <div style={{
87
+ * display: 'flex',
88
+ * gap: 'var(--spacing-xs)',
89
+ * padding: 'var(--spacing-s)',
90
+ * borderRadius: 'var(--border-radius-m)',
91
+ * backgroundColor: 'var(--light-bg-color)'
92
+ * }}>
93
+ * <Tooltip>
94
+ * <TooltipTrigger>
95
+ * <Button buttonSize="s" leftIcon={<BoldIcon />} />
96
+ * </TooltipTrigger>
97
+ * <TooltipContent>Bold</TooltipContent>
98
+ * </Tooltip>
99
+ *
100
+ * <Tooltip>
101
+ * <TooltipTrigger>
102
+ * <Button buttonSize="s" leftIcon={<ItalicIcon />} />
103
+ * </TooltipTrigger>
104
+ * <TooltipContent>Italic</TooltipContent>
105
+ * </Tooltip>
106
+ *
107
+ * <Tooltip>
108
+ * <TooltipTrigger>
109
+ * <Button buttonSize="s" leftIcon={<UnderlineIcon />} />
110
+ * </TooltipTrigger>
111
+ * <TooltipContent>Underline</TooltipContent>
112
+ * </Tooltip>
113
+ * </div>
114
+ * </TooltipDelayGroup>
115
+ * </Canvas>;
116
+ * ```
117
+ */
118
+ export declare function TooltipDelayGroup({ children, delay, timeoutMs, }: TooltipDelayGroupProps): JSX.Element;
package/dist/esm/Tooltip/TooltipDelayGroup/index.js ADDED
@@ -0,0 +1,113 @@
1
+ import { FloatingDelayGroup } from '@floating-ui/react';
2
+ import * as React from 'react';
3
+ /**
4
+ * TooltipDelayGroup synchronizes hover delays across multiple tooltips.
5
+ *
6
+ * When tooltips are wrapped in a delay group, hovering over the first tooltip
7
+ * will use the configured delay, but subsequent tooltips in the group will
8
+ * open instantly. This creates a smoother UX when users explore multiple
9
+ * interactive elements with tooltips.
10
+ *
11
+ * @example Basic delay group
12
+ *
13
+ * Group multiple tooltips together so they open instantly after the first one:
14
+ *
15
+ * ```js
16
+ * <Canvas ctx={ctx}>
17
+ * <TooltipDelayGroup delay={500}>
18
+ * <div style={{ display: 'flex', gap: 'var(--spacing-m)' }}>
19
+ * <Tooltip>
20
+ * <TooltipTrigger>
21
+ * <Button leftIcon={<SaveIcon />} />
22
+ * </TooltipTrigger>
23
+ * <TooltipContent>Save changes</TooltipContent>
24
+ * </Tooltip>
25
+ *
26
+ * <Tooltip>
27
+ * <TooltipTrigger>
28
+ * <Button leftIcon={<UndoIcon />} />
29
+ * </TooltipTrigger>
30
+ * <TooltipContent>Undo</TooltipContent>
31
+ * </Tooltip>
32
+ *
33
+ * <Tooltip>
34
+ * <TooltipTrigger>
35
+ * <Button leftIcon={<RedoIcon />} />
36
+ * </TooltipTrigger>
37
+ * <TooltipContent>Redo</TooltipContent>
38
+ * </Tooltip>
39
+ * </div>
40
+ * </TooltipDelayGroup>
41
+ * </Canvas>;
42
+ * ```
43
+ *
44
+ * @example Custom delay configuration
45
+ *
46
+ * Configure different delays for opening and closing tooltips in the group:
47
+ *
48
+ * ```js
49
+ * <Canvas ctx={ctx}>
50
+ * <TooltipDelayGroup delay={{ open: 800, close: 200 }} timeoutMs={500}>
51
+ * <div style={{ display: 'flex', gap: 'var(--spacing-s)' }}>
52
+ * <Tooltip>
53
+ * <TooltipTrigger>
54
+ * <Button>Action 1</Button>
55
+ * </TooltipTrigger>
56
+ * <TooltipContent>First action</TooltipContent>
57
+ * </Tooltip>
58
+ *
59
+ * <Tooltip>
60
+ * <TooltipTrigger>
61
+ * <Button>Action 2</Button>
62
+ * </TooltipTrigger>
63
+ * <TooltipContent>Second action</TooltipContent>
64
+ * </Tooltip>
65
+ * </div>
66
+ * </TooltipDelayGroup>
67
+ * </Canvas>;
68
+ * ```
69
+ *
70
+ * @example Toolbar with grouped tooltips
71
+ *
72
+ * Create a toolbar where hovering between tools feels instant and responsive:
73
+ *
74
+ * ```js
75
+ * <Canvas ctx={ctx}>
76
+ * <TooltipDelayGroup delay={600}>
77
+ * <div style={{
78
+ * display: 'flex',
79
+ * gap: 'var(--spacing-xs)',
80
+ * padding: 'var(--spacing-s)',
81
+ * borderRadius: 'var(--border-radius-m)',
82
+ * backgroundColor: 'var(--light-bg-color)'
83
+ * }}>
84
+ * <Tooltip>
85
+ * <TooltipTrigger>
86
+ * <Button buttonSize="s" leftIcon={<BoldIcon />} />
87
+ * </TooltipTrigger>
88
+ * <TooltipContent>Bold</TooltipContent>
89
+ * </Tooltip>
90
+ *
91
+ * <Tooltip>
92
+ * <TooltipTrigger>
93
+ * <Button buttonSize="s" leftIcon={<ItalicIcon />} />
94
+ * </TooltipTrigger>
95
+ * <TooltipContent>Italic</TooltipContent>
96
+ * </Tooltip>
97
+ *
98
+ * <Tooltip>
99
+ * <TooltipTrigger>
100
+ * <Button buttonSize="s" leftIcon={<UnderlineIcon />} />
101
+ * </TooltipTrigger>
102
+ * <TooltipContent>Underline</TooltipContent>
103
+ * </Tooltip>
104
+ * </div>
105
+ * </TooltipDelayGroup>
106
+ * </Canvas>;
107
+ * ```
108
+ */
109
+ export function TooltipDelayGroup(_a) {
110
+ var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 1000 : _b, _c = _a.timeoutMs, timeoutMs = _c === void 0 ? 0 : _c;
111
+ return (React.createElement(FloatingDelayGroup, { delay: delay, timeoutMs: timeoutMs }, children));
112
+ }
113
+ //# sourceMappingURL=index.js.map
package/dist/esm/Tooltip/TooltipDelayGroup/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipDelayGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAIT;QAHvB,QAAQ,cAAA,EACR,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,iBAAa,EAAb,SAAS,mBAAG,CAAC,KAAA;IAEb,OAAO,CACL,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,IACnD,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC"}
package/dist/esm/Tooltip/TooltipTrigger/index.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  import * as React from 'react';
2
- export declare type TooltipTriggerProps = React.HTMLProps<HTMLElement>;
2
+ export declare type TooltipTriggerProps = {
3
+ children: React.ReactElement;
4
+ };
3
5
  /**
4
6
  * TooltipTrigger wraps the element that triggers the tooltip on hover/focus.
5
7
  *
@@ -40,4 +42,4 @@ export declare type TooltipTriggerProps = React.HTMLProps<HTMLElement>;
40
42
  * </Canvas>;
41
43
  * ```
42
44
  */
43
- export declare const TooltipTrigger: React.ForwardRefExoticComponent<Pick<TooltipTriggerProps, "width" | "height" | "style" | "className" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "type" | "muted" | "children" | "disabled" | "onClick" | "target" | "href" | "selected" | "value" | "open" | "name" | "rel" | "useMap" | "color" | "hidden" | "onChange" | "onKeyDown" | "placeholder" | "id" | "required" | "htmlFor" | "default" | "onSubmit" | "alt" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "aria-live" | "autoFocus" | "onBlur" | "onFocus" | "tabIndex" | "defaultValue" | "content" | "translate" | "start" | "size" | "wrap" | "multiple" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "action" | "list" | "role" | "onTouchStart" | "sizes" | "onDragStart" | "onDragEnd" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-keyshortcuts" | "aria-level" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "key" | "autoComplete" | "cols" | "maxLength" | "minLength" | "readOnly" | "rows" | "accept" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "max" | "min" | "src" | "acceptCharset" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "colSpan" | "controls" | "coords" | "dateTime" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "high" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "media" | "mediaGroup" | "method" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "srcDoc" | "srcLang" | "srcSet" | "wmode"> & React.RefAttributes<HTMLElement>>;
45
+ export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLElement>>;
package/dist/esm/Tooltip/TooltipTrigger/index.js CHANGED
@@ -20,8 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
20
20
  }
21
21
  return t;
22
22
  };
23
- import * as React from 'react';
24
23
  import { useMergeRefs } from '@floating-ui/react';
24
+ import * as React from 'react';
25
25
  import { useTooltipState } from '../utils';
26
26
  /**
27
27
  * TooltipTrigger wraps the element that triggers the tooltip on hover/focus.
package/dist/esm/Tooltip/TooltipTrigger/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipTrigger/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,SAAS,cAAc,CAAC,EAAsB,EAAE,OAAO;IAA7B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5C,IAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,IAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAC1C,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;IAED,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,KAAK,CAAC,iBAAiB,8BACrB,GAAG,KAAA,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC5C,CACH,CAAC;AACF,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Tooltip/TooltipTrigger/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAM3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,SAAS,cAAc,CAAC,EAAsB,EAAE,OAAO;IAA7B,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAC5C,IAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,IAAM,WAAW,GAAI,QAAgB,CAAC,GAAG,CAAC;IAC1C,IAAM,GAAG,GAAG,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1E,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;QACnC,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;KAC1E;IAED,OAAO,KAAK,CAAC,YAAY,CACvB,QAAQ,EACR,KAAK,CAAC,iBAAiB,8BACrB,GAAG,KAAA,IACA,KAAK,GACL,QAAQ,CAAC,KAAK,KACjB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,IAC5C,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
package/dist/esm/Tooltip/index.d.ts CHANGED
@@ -2,5 +2,7 @@ export { Tooltip } from './Tooltip';
2
2
  export type { TooltipProps } from './Tooltip';
3
3
  export { TooltipContent } from './TooltipContent';
4
4
  export type { TooltipContentProps } from './TooltipContent';
5
+ export { TooltipDelayGroup } from './TooltipDelayGroup';
6
+ export type { TooltipDelayGroupProps } from './TooltipDelayGroup';
5
7
  export { TooltipTrigger } from './TooltipTrigger';
6
8
  export type { TooltipTriggerProps } from './TooltipTrigger';
package/dist/esm/Tooltip/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Tooltip } from './Tooltip';
2
2
  export { TooltipContent } from './TooltipContent';
3
+ export { TooltipDelayGroup } from './TooltipDelayGroup';
3
4
  export { TooltipTrigger } from './TooltipTrigger';
4
5
  //# sourceMappingURL=index.js.map
package/dist/esm/Tooltip/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}