@septkit/ui 0.0.64 → 0.0.65

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 (20) hide show
  1. package/dist/diagram-layout/diagram-node-card.js +1 -1
  2. package/dist/diagram-layout/diagram-node-card.vue_vue_type_script_setup_true_lang.js +60 -48
  3. package/dist/explorer/explorer.js +1 -1
  4. package/dist/explorer/explorer.vue_vue_type_script_setup_true_lang.js +45 -39
  5. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js +90 -0
  6. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js +84 -0
  7. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js +136 -0
  8. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipPortal.js +33 -0
  9. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipProvider.js +68 -0
  10. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipRoot.js +99 -0
  11. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipTrigger.js +88 -0
  12. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/utils.js +4 -0
  13. package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useGraceArea.js +156 -0
  14. package/dist/index.d.ts +342 -63
  15. package/dist/index.js +33 -31
  16. package/dist/tooltip/floating-tooltip.js +5 -0
  17. package/dist/tooltip/floating-tooltip.vue_vue_type_script_setup_true_lang.js +76 -0
  18. package/dist/tooltip/index.js +2 -0
  19. package/dist/ui.css +1 -1
  20. package/package.json +1 -2
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
2
2
  import t from "./diagram-node-card.vue_vue_type_script_setup_true_lang.js";
3
3
  /* empty css */
4
4
  //#region lib/diagram-layout/diagram-node-card.vue
5
- var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-b6238586"]]);
5
+ var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-ea55592c"]]);
6
6
  //#endregion
7
7
  export { n as default };
@@ -1,9 +1,11 @@
1
1
  import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/info.js";
2
- import { ELEMENT_TO_COLOR as t } from "../icons/element-color-map.generated.js";
3
- import { ELEMENT_TO_ICON as n } from "../icons/element-icon-mapper.js";
4
- import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withModifiers as y } from "vue";
2
+ import t from "../tooltip/floating-tooltip.js";
3
+ import "../tooltip/index.js";
4
+ import { ELEMENT_TO_COLOR as n } from "../icons/element-color-map.generated.js";
5
+ import { ELEMENT_TO_ICON as r } from "../icons/element-icon-mapper.js";
6
+ import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
5
7
  //#region lib/diagram-layout/diagram-node-card.vue?vue&type=script&setup=true&lang.ts
6
- var b = [
8
+ var S = [
7
9
  "data-testid",
8
10
  "data-testid-node",
9
11
  "data-node-id",
@@ -15,16 +17,16 @@ var b = [
15
17
  "aria-setsize",
16
18
  "aria-posinset",
17
19
  "aria-selected"
18
- ], x = ["data-tip"], S = ["title"], C = ["data-testid"], w = {
20
+ ], C = ["title"], w = ["data-testid"], T = {
19
21
  key: 1,
20
22
  class: "node-footer"
21
- }, T = {
23
+ }, E = {
22
24
  "data-testid": "capsules",
23
25
  class: "node-capsules"
24
- }, E = ["data-tip"], D = {
26
+ }, D = {
25
27
  key: 1,
26
28
  class: "capsule-tag"
27
- }, O = { class: "capsule-value" }, k = /*@__PURE__*/ u({
29
+ }, O = { class: "capsule-value" }, k = /*@__PURE__*/ d({
28
30
  __name: "diagram-node-card",
29
31
  props: {
30
32
  nodeId: {},
@@ -57,16 +59,16 @@ var b = [
57
59
  "show-details",
58
60
  "keydown"
59
61
  ],
60
- setup(u, { expose: k, emit: A }) {
61
- let j = u, M = A, N = m(null);
62
+ setup(d, { expose: k, emit: A }) {
63
+ let j = d, M = A, N = h(null);
62
64
  k({ focus: () => N.value?.focus() });
63
- let P = i(() => ({
65
+ let P = a(() => ({
64
66
  width: `${j.width}px`,
65
67
  ...j.height ? { height: `${j.height}px` } : {}
66
- })), F = i(() => `${j.tagName}: ${j.label}`), I = i(() => n[j.tagName]), L = i(() => t[j.tagName]), R = i(() => {
68
+ })), F = a(() => `${j.tagName}: ${j.label}`), I = a(() => r[j.tagName]), L = a(() => n[j.tagName]), R = a(() => {
67
69
  let e = j.childCounts.reduce((e, t) => e + t.count, 0), t = e > 0 ? `, ${e} child element${e === 1 ? "" : "s"}` : "";
68
70
  return `${j.tagName}: ${j.label}${t}`;
69
- }), z = i(() => j.treeMeta ? "treeitem" : void 0);
71
+ }), z = a(() => j.treeMeta ? "treeitem" : void 0);
70
72
  function B() {
71
73
  M("select", j.nodeId), j.hasChildren && M("toggle-expand", j.nodeId);
72
74
  }
@@ -77,14 +79,14 @@ var b = [
77
79
  }
78
80
  M("keydown", e);
79
81
  }
80
- return (i, u) => (p(), s("div", {
82
+ return (a, d) => (m(), c("div", {
81
83
  ref_key: "rootEl",
82
84
  ref: N,
83
- class: d(["node-root", { selected: j.selected }]),
85
+ class: f(["node-root", { selected: j.selected }]),
84
86
  "data-testid": j.testId,
85
87
  "data-testid-node": j.tagName,
86
88
  "data-node-id": j.nodeId,
87
- style: f(P.value),
89
+ style: p(P.value),
88
90
  tabindex: j.tabbable ? 0 : -1,
89
91
  role: z.value,
90
92
  "aria-expanded": j.hasChildren ? j.isExpanded : void 0,
@@ -93,54 +95,64 @@ var b = [
93
95
  "aria-setsize": j.treeMeta?.setsize,
94
96
  "aria-posinset": j.treeMeta?.posinset,
95
97
  "aria-selected": j.selected,
96
- onClick: y(B, ["stop"]),
98
+ onClick: x(B, ["stop"]),
97
99
  onKeydown: V
98
- }, [c("div", {
100
+ }, [l("div", {
99
101
  "data-testid": "node-body",
100
- class: d(["node-body", { compact: j.compact }])
102
+ class: f(["node-body", { compact: j.compact }])
101
103
  }, [
102
- j.compact ? o("", !0) : (p(), s("div", {
104
+ j.compact ? s("", !0) : (m(), c("div", {
103
105
  key: 0,
104
106
  "data-testid": "type-label",
105
- class: d(["node-type-label", [L.value?.background, L.value?.text]])
106
- }, _(j.tagName), 3)),
107
- c("div", {
107
+ class: f(["node-type-label", [L.value?.background, L.value?.text]])
108
+ }, v(j.tagName), 3)),
109
+ l("div", {
108
110
  "data-testid": "header",
109
- class: d(["header", {
111
+ class: f(["header", {
110
112
  collapsed: !j.isExpanded,
111
113
  expanded: j.isExpanded
112
114
  }])
113
115
  }, [
114
- I.value ? (p(), s("div", {
116
+ I.value ? (m(), o(y(t), {
115
117
  key: 0,
116
- "data-testid": "icon-circle",
117
- class: d(["node-icon-circle tooltip", [L.value?.background, L.value?.text]]),
118
- "data-tip": j.tagName
119
- }, [(p(), a(g(I.value)))], 10, x)) : o("", !0),
120
- c("div", {
118
+ content: j.tagName
119
+ }, {
120
+ default: b(() => [l("div", {
121
+ "data-testid": "icon-circle",
122
+ class: f(["node-icon-circle", [L.value?.background, L.value?.text]])
123
+ }, [(m(), o(_(I.value)))], 2)]),
124
+ _: 1
125
+ }, 8, ["content"])) : s("", !0),
126
+ l("div", {
121
127
  "data-testid": "node-label",
122
128
  class: "node-label",
123
129
  title: F.value
124
- }, _(j.label), 9, S),
125
- c("button", {
126
- type: "button",
127
- class: "details-button tooltip",
128
- "data-testid": j.detailsTestId,
129
- "data-tip": "Show details",
130
- "aria-label": "Show details",
131
- onClick: u[0] ||= y((e) => M("show-details", j.nodeId), ["stop"])
132
- }, [l(v(e), { size: 16 })], 8, C)
130
+ }, v(j.label), 9, C),
131
+ u(y(t), { content: "Show details" }, {
132
+ default: b(() => [l("button", {
133
+ type: "button",
134
+ class: "details-button",
135
+ "data-testid": j.detailsTestId,
136
+ "aria-label": "Show details",
137
+ onClick: d[0] ||= x((e) => M("show-details", j.nodeId), ["stop"])
138
+ }, [u(y(e), { size: 16 })], 8, w)]),
139
+ _: 1
140
+ })
133
141
  ], 2),
134
- j.childCounts.length > 0 ? (p(), s("div", w, [c("div", T, [(p(!0), s(r, null, h(j.childCounts, (e) => (p(), s("div", {
142
+ j.childCounts.length > 0 ? (m(), c("div", T, [l("div", E, [(m(!0), c(i, null, g(j.childCounts, (e) => (m(), o(y(t), {
135
143
  key: e.tagName,
136
- "data-testid": "capsule",
137
- class: d(["capsule tooltip", [v(t)[e.tagName]?.text]]),
138
- "data-tip": `${e.count} × ${e.tagName}`
139
- }, [v(n)[e.tagName] ? (p(), a(g(v(n)[e.tagName]), {
140
- key: 0,
141
- class: "capsule-icon"
142
- })) : (p(), s("span", D, _(e.tagName), 1)), c("span", O, _(e.label ?? e.count), 1)], 10, E))), 128))])])) : o("", !0)
143
- ], 2)], 46, b));
144
+ content: `${e.count} × ${e.tagName}`
145
+ }, {
146
+ default: b(() => [l("div", {
147
+ "data-testid": "capsule",
148
+ class: f(["capsule", [y(n)[e.tagName]?.text]])
149
+ }, [y(r)[e.tagName] ? (m(), o(_(y(r)[e.tagName]), {
150
+ key: 0,
151
+ class: "capsule-icon"
152
+ })) : (m(), c("span", D, v(e.tagName), 1)), l("span", O, v(e.label ?? e.count), 1)], 2)]),
153
+ _: 2
154
+ }, 1032, ["content"]))), 128))])])) : s("", !0)
155
+ ], 2)], 46, S));
144
156
  }
145
157
  });
146
158
  //#endregion
@@ -2,6 +2,6 @@ import e from "./explorer.vue_vue_type_script_setup_true_lang.js";
2
2
  /* empty css */
3
3
  import t from "../_virtual/_plugin-vue_export-helper.js";
4
4
  //#region lib/explorer/explorer.vue
5
- var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-8ff519a8"]]);
5
+ var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-83096c3a"]]);
6
6
  //#endregion
7
7
  export { n as default };
@@ -1,12 +1,14 @@
1
1
  import { TreeRoot_default as e } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeRoot.js";
2
2
  import { TreeItem_default as t } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeItem.js";
3
3
  import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-right.js";
4
- import { ELEMENT_TO_COLOR as r } from "../icons/element-color-map.generated.js";
5
- import { ELEMENT_TO_ICON as i } from "../icons/element-icon-mapper.js";
6
- import { collectExpandableNodeIds as a } from "./collect-expandable-node-ids.js";
7
- import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
4
+ import r from "../tooltip/floating-tooltip.js";
5
+ import "../tooltip/index.js";
6
+ import { ELEMENT_TO_COLOR as i } from "../icons/element-color-map.generated.js";
7
+ import { ELEMENT_TO_ICON as a } from "../icons/element-icon-mapper.js";
8
+ import { collectExpandableNodeIds as o } from "./collect-expandable-node-ids.js";
9
+ import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, withCtx as C, withModifiers as w } from "vue";
8
10
  //#region lib/explorer/explorer.vue?vue&type=script&setup=true&lang.ts
9
- var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min-w-0" }, E = ["aria-label", "data-tip"], D = { class: "pl-2 truncate" }, O = { class: "shrink-0 ml-auto pl-2" }, k = /*@__PURE__*/ f({
11
+ var T = ["onClick", "onContextmenu"], E = { class: "flex flex-1 items-center min-w-0" }, D = ["aria-label"], O = { class: "pl-2 truncate" }, k = { class: "shrink-0 ml-auto pl-2" }, A = /*@__PURE__*/ p({
10
12
  __name: "explorer",
11
13
  props: {
12
14
  items: {},
@@ -21,69 +23,73 @@ var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min
21
23
  "contextmenu",
22
24
  "update:expanded"
23
25
  ],
24
- setup(f, { emit: k }) {
25
- let A = f, j = k, M = s(() => A.expanded.all ? a(A.items) : A.expanded.scoped);
26
- return (a, s) => (g(), c(x(e), {
26
+ setup(p, { emit: A }) {
27
+ let j = p, M = A, N = c(() => j.expanded.all ? o(j.items) : j.expanded.scoped);
28
+ return (o, c) => (_(), l(S(e), {
27
29
  class: "explorer-tree list-none select-none w-full text-stone-700 text-sm font-medium",
28
- items: A.items,
30
+ items: j.items,
29
31
  "get-key": (e) => e.id,
30
- expanded: M.value,
31
- "aria-label": A.ariaLabel,
32
- "onUpdate:expanded": s[1] ||= (e) => j("update:expanded", {
32
+ expanded: N.value,
33
+ "aria-label": j.ariaLabel,
34
+ "onUpdate:expanded": c[1] ||= (e) => M("update:expanded", {
33
35
  scoped: e,
34
36
  all: !1
35
37
  })
36
38
  }, {
37
- default: S(({ flattenItems: e }) => [(g(!0), u(o, null, _(e, (e) => (g(), c(x(t), p({ key: e.value.id }, { ref_for: !0 }, e.bind, {
39
+ default: C(({ flattenItems: e }) => [(_(!0), d(s, null, v(e, (e) => (_(), l(S(t), m({ key: e.value.id }, { ref_for: !0 }, e.bind, {
38
40
  class: ["explorer-tree__item py-1 my-0.5 rounded outline-none", e.value.selectable === !1 ? "" : "explorer-tree__item--selectable"],
39
41
  onSelect: (t) => {
40
- t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() : j("select", e.value);
42
+ t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() : M("select", e.value);
41
43
  },
42
- onToggle: s[0] ||= (e) => {
44
+ onToggle: c[0] ||= (e) => {
43
45
  e.detail.originalEvent.type === "click" && e.preventDefault();
44
46
  }
45
47
  }), {
46
- default: S(({ handleSelect: t, handleToggle: o }) => [d("div", {
47
- class: m(["flex items-center", e.value.selectable !== !1 || e.hasChildren ? "cursor-pointer" : "cursor-default"]),
48
- style: h({ "padding-left": e.level === 1 ? "0rem" : `${e.level - 1.5}rem` }),
48
+ default: C(({ handleSelect: t, handleToggle: s }) => [f("div", {
49
+ class: h(["flex items-center", e.value.selectable !== !1 || e.hasChildren ? "cursor-pointer" : "cursor-default"]),
50
+ style: g({ "padding-left": e.level === 1 ? "0rem" : `${e.level - 1.5}rem` }),
49
51
  onClick: () => {
50
- e.value.selectable === !1 ? e.hasChildren && o() : (t(), j("select", e.value));
52
+ e.value.selectable === !1 ? e.hasChildren && s() : (t(), M("select", e.value));
51
53
  },
52
- onContextmenu: C((t) => j("contextmenu", {
54
+ onContextmenu: w((t) => M("contextmenu", {
53
55
  node: e.value,
54
56
  event: t
55
57
  }), ["prevent"])
56
58
  }, [
57
- e.hasChildren ? (g(), c(x(n), {
59
+ e.hasChildren ? (_(), l(S(n), {
58
60
  key: 0,
59
61
  "aria-hidden": "true",
60
62
  class: "explorer-tree__chevron shrink-0",
61
63
  size: 16,
62
- onClick: C(() => {
63
- o();
64
+ onClick: w(() => {
65
+ s();
64
66
  }, ["stop"])
65
- }, null, 8, ["onClick"])) : (g(), c(x(n), {
67
+ }, null, 8, ["onClick"])) : (_(), l(S(n), {
66
68
  key: 1,
67
69
  "aria-hidden": "true",
68
70
  class: "shrink-0 invisible",
69
71
  size: 16
70
72
  })),
71
- d("div", T, [
72
- v(a.$slots, "node-prefix", { node: e.value }, void 0, !0),
73
- e.value.tag ? (g(), u("div", {
73
+ f("div", E, [
74
+ y(o.$slots, "node-prefix", { node: e.value }, void 0, !0),
75
+ e.value.tag ? (_(), l(S(r), {
74
76
  key: 0,
75
- role: "img",
76
- "aria-label": e.value.tag,
77
- class: m(["explorer-tree__item-tag tooltip flex items-center justify-center rounded-full p-1", x(r)[e.value.tag]?.background]),
78
- "data-tip": e.value.tag
79
- }, [x(i)[e.value.tag] ? (g(), c(y(x(i)[e.value.tag]), {
80
- key: 0,
81
- class: m(["explorer-tree__item-icon h-4 w-4", x(r)[e.value.tag]?.text])
82
- }, null, 8, ["class"])) : l("", !0)], 10, E)) : l("", !0),
83
- v(a.$slots, "node-label", { node: e.value }, () => [d("span", D, b(e.value.name), 1)], !0)
77
+ content: e.value.tag
78
+ }, {
79
+ default: C(() => [f("div", {
80
+ role: "img",
81
+ "aria-label": e.value.tag,
82
+ class: h(["explorer-tree__item-tag flex items-center justify-center rounded-full p-1", S(i)[e.value.tag]?.background])
83
+ }, [S(a)[e.value.tag] ? (_(), l(b(S(a)[e.value.tag]), {
84
+ key: 0,
85
+ class: h(["explorer-tree__item-icon h-4 w-4", S(i)[e.value.tag]?.text])
86
+ }, null, 8, ["class"])) : u("", !0)], 10, D)]),
87
+ _: 2
88
+ }, 1032, ["content"])) : u("", !0),
89
+ y(o.$slots, "node-label", { node: e.value }, () => [f("span", O, x(e.value.name), 1)], !0)
84
90
  ]),
85
- d("div", O, [v(a.$slots, "node-suffix", { node: e.value }, void 0, !0)])
86
- ], 46, w)]),
91
+ f("div", k, [y(o.$slots, "node-suffix", { node: e.value }, void 0, !0)])
92
+ ], 46, T)]),
87
93
  _: 2
88
94
  }, 1040, ["class", "onSelect"]))), 128))]),
89
95
  _: 3
@@ -96,4 +102,4 @@ var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min
96
102
  }
97
103
  });
98
104
  //#endregion
99
- export { k as default };
105
+ export { A as default };
@@ -0,0 +1,90 @@
1
+ import { useForwardExpose as e } from "../shared/useForwardExpose.js";
2
+ import { useForwardPropsEmits as t } from "../shared/useForwardPropsEmits.js";
3
+ import { Presence_default as n } from "../Presence/Presence.js";
4
+ import { injectTooltipRootContext as r } from "./TooltipRoot.js";
5
+ import { TooltipContentImpl_default as i } from "./TooltipContentImpl.js";
6
+ import { TooltipContentHoverable_default as a } from "./TooltipContentHoverable.js";
7
+ import { createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, unref as f, withCtx as p } from "vue";
8
+ //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js
9
+ var m = /* @__PURE__ */ s({
10
+ __name: "TooltipContent",
11
+ props: {
12
+ forceMount: {
13
+ type: Boolean,
14
+ required: !1
15
+ },
16
+ ariaLabel: {
17
+ type: String,
18
+ required: !1
19
+ },
20
+ asChild: {
21
+ type: Boolean,
22
+ required: !1
23
+ },
24
+ as: {
25
+ type: null,
26
+ required: !1
27
+ },
28
+ side: {
29
+ type: null,
30
+ required: !1
31
+ },
32
+ sideOffset: {
33
+ type: Number,
34
+ required: !1
35
+ },
36
+ align: {
37
+ type: null,
38
+ required: !1
39
+ },
40
+ alignOffset: {
41
+ type: Number,
42
+ required: !1
43
+ },
44
+ avoidCollisions: {
45
+ type: Boolean,
46
+ required: !1
47
+ },
48
+ collisionBoundary: {
49
+ type: null,
50
+ required: !1
51
+ },
52
+ collisionPadding: {
53
+ type: [Number, Object],
54
+ required: !1
55
+ },
56
+ arrowPadding: {
57
+ type: Number,
58
+ required: !1
59
+ },
60
+ sticky: {
61
+ type: String,
62
+ required: !1
63
+ },
64
+ hideWhenDetached: {
65
+ type: Boolean,
66
+ required: !1
67
+ },
68
+ positionStrategy: {
69
+ type: String,
70
+ required: !1
71
+ },
72
+ updatePositionStrategy: {
73
+ type: String,
74
+ required: !1
75
+ }
76
+ },
77
+ emits: ["escapeKeyDown", "pointerDownOutside"],
78
+ setup(s, { emit: m }) {
79
+ let h = s, g = m, _ = r(), v = t(h, g), { forwardRef: y } = e();
80
+ return (e, t) => (l(), o(f(n), { present: e.forceMount || f(_).open.value }, {
81
+ default: p(() => [(l(), o(d(f(_).disableHoverableContent.value ? i : a), c({ ref: f(y) }, f(v)), {
82
+ default: p(() => [u(e.$slots, "default")]),
83
+ _: 3
84
+ }, 16))]),
85
+ _: 3
86
+ }, 8, ["present"]));
87
+ }
88
+ });
89
+ //#endregion
90
+ export { m as TooltipContent_default };
@@ -0,0 +1,84 @@
1
+ import { useForwardExpose as e } from "../shared/useForwardExpose.js";
2
+ import { useForwardProps as t } from "../shared/useForwardProps.js";
3
+ import { useGraceArea as n } from "../shared/useGraceArea.js";
4
+ import { injectTooltipProviderContext as r } from "./TooltipProvider.js";
5
+ import { injectTooltipRootContext as i } from "./TooltipRoot.js";
6
+ import { TooltipContentImpl_default as a } from "./TooltipContentImpl.js";
7
+ import { createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
8
+ //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js
9
+ var p = /* @__PURE__ */ s({
10
+ __name: "TooltipContentHoverable",
11
+ props: {
12
+ ariaLabel: {
13
+ type: String,
14
+ required: !1
15
+ },
16
+ asChild: {
17
+ type: Boolean,
18
+ required: !1
19
+ },
20
+ as: {
21
+ type: null,
22
+ required: !1
23
+ },
24
+ side: {
25
+ type: null,
26
+ required: !1
27
+ },
28
+ sideOffset: {
29
+ type: Number,
30
+ required: !1
31
+ },
32
+ align: {
33
+ type: null,
34
+ required: !1
35
+ },
36
+ alignOffset: {
37
+ type: Number,
38
+ required: !1
39
+ },
40
+ avoidCollisions: {
41
+ type: Boolean,
42
+ required: !1
43
+ },
44
+ collisionBoundary: {
45
+ type: null,
46
+ required: !1
47
+ },
48
+ collisionPadding: {
49
+ type: [Number, Object],
50
+ required: !1
51
+ },
52
+ arrowPadding: {
53
+ type: Number,
54
+ required: !1
55
+ },
56
+ sticky: {
57
+ type: String,
58
+ required: !1
59
+ },
60
+ hideWhenDetached: {
61
+ type: Boolean,
62
+ required: !1
63
+ },
64
+ positionStrategy: {
65
+ type: String,
66
+ required: !1
67
+ },
68
+ updatePositionStrategy: {
69
+ type: String,
70
+ required: !1
71
+ }
72
+ },
73
+ setup(s) {
74
+ let p = t(s), { forwardRef: m, currentElement: h } = e(), { trigger: g, onClose: _ } = i(), v = r(), { isPointerInTransit: y, onPointerExit: b } = n(g, h);
75
+ return v.isPointerInTransitRef = y, b(() => {
76
+ _();
77
+ }), (e, t) => (l(), o(a, c({ ref: d(m) }, d(p)), {
78
+ default: f(() => [u(e.$slots, "default")]),
79
+ _: 3
80
+ }, 16));
81
+ }
82
+ });
83
+ //#endregion
84
+ export { p as TooltipContentHoverable_default };
@@ -0,0 +1,136 @@
1
+ import { useEventListener as e } from "../../../../../@vueuse_core@14.3.0_vue@3.5.39_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
2
+ import t from "../../../../../defu@6.1.7/node_modules/defu/dist/defu.js";
3
+ import { useForwardExpose as n } from "../shared/useForwardExpose.js";
4
+ import { DismissableLayer_default as r } from "../DismissableLayer/DismissableLayer.js";
5
+ import { VisuallyHidden_default as i } from "../VisuallyHidden/VisuallyHidden.js";
6
+ import { PopperContent_default as a } from "../Popper/PopperContent.js";
7
+ import { injectTooltipProviderContext as o } from "./TooltipProvider.js";
8
+ import { TOOLTIP_OPEN as s } from "./utils.js";
9
+ import { injectTooltipRootContext as c } from "./TooltipRoot.js";
10
+ import { computed as l, createBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, onMounted as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
11
+ //#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js
12
+ var S = /* @__PURE__ */ p({
13
+ __name: "TooltipContentImpl",
14
+ props: {
15
+ ariaLabel: {
16
+ type: String,
17
+ required: !1
18
+ },
19
+ asChild: {
20
+ type: Boolean,
21
+ required: !1,
22
+ default: void 0
23
+ },
24
+ as: {
25
+ type: null,
26
+ required: !1
27
+ },
28
+ side: {
29
+ type: null,
30
+ required: !1
31
+ },
32
+ sideOffset: {
33
+ type: Number,
34
+ required: !1
35
+ },
36
+ align: {
37
+ type: null,
38
+ required: !1
39
+ },
40
+ alignOffset: {
41
+ type: Number,
42
+ required: !1
43
+ },
44
+ avoidCollisions: {
45
+ type: Boolean,
46
+ required: !1,
47
+ default: void 0
48
+ },
49
+ collisionBoundary: {
50
+ type: null,
51
+ required: !1
52
+ },
53
+ collisionPadding: {
54
+ type: [Number, Object],
55
+ required: !1
56
+ },
57
+ arrowPadding: {
58
+ type: Number,
59
+ required: !1
60
+ },
61
+ sticky: {
62
+ type: String,
63
+ required: !1
64
+ },
65
+ hideWhenDetached: {
66
+ type: Boolean,
67
+ required: !1,
68
+ default: void 0
69
+ },
70
+ positionStrategy: {
71
+ type: String,
72
+ required: !1
73
+ },
74
+ updatePositionStrategy: {
75
+ type: String,
76
+ required: !1
77
+ }
78
+ },
79
+ emits: ["escapeKeyDown", "pointerDownOutside"],
80
+ setup(p, { emit: S }) {
81
+ let C = p, w = S, T = c(), E = o(), { forwardRef: D, currentElement: O } = n(), k = l(() => C.ariaLabel || O.value?.textContent), A = l(() => {
82
+ let { ariaLabel: e, ...n } = C;
83
+ return t(n, E.content.value ?? {}, {
84
+ side: "top",
85
+ sideOffset: 0,
86
+ align: "center",
87
+ avoidCollisions: !0,
88
+ collisionBoundary: [],
89
+ collisionPadding: 0,
90
+ arrowPadding: 0,
91
+ sticky: "partial",
92
+ hideWhenDetached: !1
93
+ });
94
+ });
95
+ return h(() => {
96
+ e(window, "scroll", (e) => {
97
+ e.target?.contains(T.trigger.value) && T.onClose();
98
+ }, { capture: !0 }), e(window, s, T.onClose);
99
+ }), (e, t) => (g(), u(y(r), {
100
+ "as-child": "",
101
+ "disable-outside-pointer-events": !1,
102
+ onEscapeKeyDown: t[0] ||= (e) => w("escapeKeyDown", e),
103
+ onPointerDownOutside: t[1] ||= (e) => {
104
+ y(T).disableClosingTrigger.value && y(T).trigger.value?.contains(e.target) && e.preventDefault(), w("pointerDownOutside", e);
105
+ },
106
+ onFocusOutside: t[2] ||= x(() => {}, ["prevent"]),
107
+ onDismiss: t[3] ||= (e) => y(T).onClose()
108
+ }, {
109
+ default: b(() => [f(y(a), m({
110
+ ref: y(D),
111
+ "data-state": y(T).stateAttribute.value
112
+ }, {
113
+ ...e.$attrs,
114
+ ...A.value
115
+ }, { style: {
116
+ "--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
117
+ "--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
118
+ "--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
119
+ "--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
120
+ "--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
121
+ } }), {
122
+ default: b(() => [_(e.$slots, "default"), f(y(i), {
123
+ id: y(T).contentId,
124
+ role: "tooltip"
125
+ }, {
126
+ default: b(() => [d(v(k.value), 1)]),
127
+ _: 1
128
+ }, 8, ["id"])]),
129
+ _: 3
130
+ }, 16, ["data-state"])]),
131
+ _: 3
132
+ }));
133
+ }
134
+ });
135
+ //#endregion
136
+ export { S as TooltipContentImpl_default };