@yahoo/uds 3.101.0-beta.1 → 3.101.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/automated-config/dist/generated/autoVariants.cjs +1 -11
- package/dist/automated-config/dist/generated/autoVariants.d.cts +0 -10
- package/dist/automated-config/dist/generated/autoVariants.d.ts +0 -10
- package/dist/automated-config/dist/generated/autoVariants.js +1 -11
- package/dist/automated-config/dist/generated/generatedConfigs.cjs +1 -1695
- package/dist/automated-config/dist/generated/generatedConfigs.d.cts +189 -419
- package/dist/automated-config/dist/generated/generatedConfigs.d.ts +189 -419
- package/dist/automated-config/dist/generated/generatedConfigs.js +1 -1694
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +0 -99
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +1 -2
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +1 -2
- package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +0 -99
- package/dist/automated-config/dist/properties.cjs +89 -152
- package/dist/automated-config/dist/properties.d.cts +4 -25
- package/dist/automated-config/dist/properties.d.ts +4 -25
- package/dist/automated-config/dist/properties.js +90 -153
- package/dist/automated-config/dist/utils/buildConfigSchema.cjs +1 -5
- package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -2
- package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -2
- package/dist/automated-config/dist/utils/buildConfigSchema.js +1 -5
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
- package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
- package/dist/automated-config/dist/utils/index.cjs +4 -4
- package/dist/automated-config/dist/utils/index.d.cts +1 -6
- package/dist/automated-config/dist/utils/index.d.ts +1 -6
- package/dist/automated-config/dist/utils/index.js +4 -4
- package/dist/cli/commands/sync.cjs +1 -5
- package/dist/cli/commands/sync.js +1 -5
- package/dist/components/client/Button.js +2 -2
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
- package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
- package/dist/components/client/Toast/Toast.cjs +1 -1
- package/dist/components/client/Toast/Toast.d.cts +1 -1
- package/dist/components/client/Toast/Toast.d.ts +1 -1
- package/dist/components/client/Toast/Toast.js +1 -1
- package/dist/components/client/index.cjs +0 -8
- package/dist/components/client/index.d.cts +1 -7
- package/dist/components/client/index.d.ts +1 -7
- package/dist/components/client/index.js +1 -5
- package/dist/components/client/providers/UDSConfigProvider.cjs +2 -6
- package/dist/components/client/providers/UDSConfigProvider.d.cts +1 -2
- package/dist/components/client/providers/UDSConfigProvider.d.ts +1 -2
- package/dist/components/client/providers/UDSConfigProvider.js +2 -6
- package/dist/components/index.cjs +0 -12
- package/dist/components/index.d.cts +1 -6
- package/dist/components/index.d.ts +1 -6
- package/dist/components/index.js +1 -9
- package/dist/config/dist/index.cjs +3 -101
- package/dist/config/dist/index.d.cts +1 -148
- package/dist/config/dist/index.d.ts +1 -148
- package/dist/config/dist/index.js +3 -101
- package/dist/css-tokens/dist/index.cjs +0 -2
- package/dist/css-tokens/dist/index.d.cts +1 -2
- package/dist/css-tokens/dist/index.d.ts +1 -2
- package/dist/css-tokens/dist/index.js +1 -2
- package/dist/defaultTokensConfig.cjs +2 -0
- package/dist/defaultTokensConfig.d.cts +2 -0
- package/dist/defaultTokensConfig.d.ts +2 -0
- package/dist/defaultTokensConfig.js +2 -0
- package/dist/fixtures/dist/index.cjs +2 -28
- package/dist/fixtures/dist/index.d.cts +3 -17
- package/dist/fixtures/dist/index.d.ts +3 -17
- package/dist/fixtures/dist/index.js +3 -27
- package/dist/fixtures/index.cjs +1 -6
- package/dist/fixtures/index.d.cts +2 -4
- package/dist/fixtures/index.d.ts +2 -4
- package/dist/fixtures/index.js +2 -3
- package/dist/index.cjs +3 -15
- package/dist/index.d.cts +4 -9
- package/dist/index.d.ts +4 -9
- package/dist/index.js +6 -11
- package/dist/runtime/index.cjs +0 -2
- package/dist/runtime/index.d.cts +1 -2
- package/dist/runtime/index.d.ts +1 -2
- package/dist/runtime/index.js +1 -2
- package/dist/runtime/udsConfig.cjs +1 -3
- package/dist/runtime/udsConfig.d.cts +0 -2
- package/dist/runtime/udsConfig.d.ts +0 -2
- package/dist/runtime/udsConfig.js +1 -3
- package/dist/styles/styler.d.cts +26 -36
- package/dist/styles/styler.d.ts +26 -36
- package/dist/styles/variants.d.cts +0 -30
- package/dist/styles/variants.d.ts +0 -30
- package/dist/tailwind/dist/plugin.cjs +1 -2
- package/dist/tailwind/dist/plugin.js +1 -2
- package/dist/tailwind/dist/tailwind/plugins/components.cjs +0 -1
- package/dist/tailwind/dist/tailwind/plugins/components.js +1 -2
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
- package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
- package/dist/tokens/automation/configs/index.cjs +1 -2
- package/dist/tokens/automation/configs/index.d.cts +2 -2
- package/dist/tokens/automation/configs/index.d.ts +2 -2
- package/dist/tokens/automation/configs/index.js +2 -2
- package/dist/tokens/automation/index.cjs +0 -1
- package/dist/tokens/automation/index.d.cts +2 -2
- package/dist/tokens/automation/index.d.ts +2 -2
- package/dist/tokens/automation/index.js +2 -2
- package/dist/tokens/automation/properties.d.cts +2 -2
- package/dist/tokens/automation/properties.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.cjs +0 -1
- package/dist/tokens/consts/cssTokens.d.cts +2 -2
- package/dist/tokens/consts/cssTokens.d.ts +2 -2
- package/dist/tokens/consts/cssTokens.js +2 -2
- package/dist/tokens/index.cjs +0 -2
- package/dist/tokens/index.d.cts +4 -4
- package/dist/tokens/index.d.ts +4 -4
- package/dist/tokens/index.js +3 -3
- package/dist/tokens/types.d.cts +2 -2
- package/dist/tokens/types.d.ts +2 -2
- package/dist/types/dist/index.d.cts +2 -37
- package/dist/types/dist/index.d.ts +2 -37
- package/dist/uds/generated/tailwindPurge.cjs +2 -32
- package/dist/uds/generated/tailwindPurge.js +2 -32
- package/dist/uds/package.cjs +0 -1
- package/dist/uds/package.js +0 -1
- package/package.json +1 -2
- package/dist/components/client/Tooltip/Tooltip.cjs +0 -65
- package/dist/components/client/Tooltip/Tooltip.d.cts +0 -45
- package/dist/components/client/Tooltip/Tooltip.d.ts +0 -45
- package/dist/components/client/Tooltip/Tooltip.js +0 -63
- package/dist/components/client/Tooltip/TooltipContent.cjs +0 -188
- package/dist/components/client/Tooltip/TooltipContent.d.cts +0 -8
- package/dist/components/client/Tooltip/TooltipContent.d.ts +0 -8
- package/dist/components/client/Tooltip/TooltipContent.js +0 -186
- package/dist/components/client/Tooltip/TooltipTrigger.cjs +0 -20
- package/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -14
- package/dist/components/client/Tooltip/TooltipTrigger.d.ts +0 -14
- package/dist/components/client/Tooltip/TooltipTrigger.js +0 -18
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +0 -40
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -28
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +0 -28
- package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +0 -37
- package/dist/components/client/Tooltip/index.cjs +0 -12
- package/dist/components/client/Tooltip/index.d.cts +0 -7
- package/dist/components/client/Tooltip/index.d.ts +0 -7
- package/dist/components/client/Tooltip/index.js +0 -8
- package/dist/components/client/Tooltip/tooltipContext.cjs +0 -12
- package/dist/components/client/Tooltip/tooltipContext.d.cts +0 -12
- package/dist/components/client/Tooltip/tooltipContext.d.ts +0 -12
- package/dist/components/client/Tooltip/tooltipContext.js +0 -10
- package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
- package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
- package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
- package/dist/components/client/Tooltip/useTooltipContent.js +0 -184
- package/dist/components/client/Tooltip/util.cjs +0 -248
- package/dist/components/client/Tooltip/util.d.cts +0 -118
- package/dist/components/client/Tooltip/util.d.ts +0 -118
- package/dist/components/client/Tooltip/util.js +0 -240
- package/dist/fixtures/dist/arbitrary.d.cts +0 -11
- package/dist/fixtures/dist/arbitrary.d.ts +0 -11
- package/dist/fixtures/src/arbitrary.cjs +0 -23
- package/dist/fixtures/src/arbitrary.d.cts +0 -15
- package/dist/fixtures/src/arbitrary.d.ts +0 -15
- package/dist/fixtures/src/arbitrary.js +0 -18
- package/dist/fixtures/src/util.cjs +0 -26
- package/dist/fixtures/src/util.d.cts +0 -9
- package/dist/fixtures/src/util.d.ts +0 -9
- package/dist/fixtures/src/util.js +0 -25
- package/dist/runtime/tooltipConfig.cjs +0 -33
- package/dist/runtime/tooltipConfig.d.cts +0 -20
- package/dist/runtime/tooltipConfig.d.ts +0 -20
- package/dist/runtime/tooltipConfig.js +0 -32
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +0 -30
- package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.js +0 -28
|
@@ -1,188 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
|
|
5
|
-
const require_styles_styler = require('../../../styles/styler.cjs');
|
|
6
|
-
const require_components_Box = require('../../Box.cjs');
|
|
7
|
-
const require_components_Text = require('../../Text.cjs');
|
|
8
|
-
const require_components_IconSlot = require('../../IconSlot.cjs');
|
|
9
|
-
const require_components_client_Tooltip_UDSTooltipConfigProvider = require('./UDSTooltipConfigProvider.cjs');
|
|
10
|
-
const require_components_client_Tooltip_tooltipContext = require('./tooltipContext.cjs');
|
|
11
|
-
const require_hooks_useForkRef = require('../../../hooks/useForkRef.cjs');
|
|
12
|
-
const require_components_client_Tooltip_util = require('./util.cjs');
|
|
13
|
-
const require_components_client_Tooltip_useTooltipContent = require('./useTooltipContent.cjs');
|
|
14
|
-
let react = require("react");
|
|
15
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
16
|
-
let _ariakit_react = require("@ariakit/react");
|
|
17
|
-
|
|
18
|
-
//#region src/components/client/Tooltip/TooltipContent.tsx
|
|
19
|
-
const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
|
|
20
|
-
const store = (0, _ariakit_react.useTooltipContext)();
|
|
21
|
-
const open = (0, _ariakit_react.useStoreState)(store, "open");
|
|
22
|
-
const internalContext = (0, react.useContext)(require_components_client_Tooltip_tooltipContext.TooltipInternalContext);
|
|
23
|
-
const currentPlacement = (0, _ariakit_react.useStoreState)(store, "currentPlacement");
|
|
24
|
-
const placement = (0, _ariakit_react.useStoreState)(store, "placement");
|
|
25
|
-
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
26
|
-
const { borderRadius, animationDuration } = require_components_client_Tooltip_UDSTooltipConfigProvider.useTooltipConfig();
|
|
27
|
-
const defaultBorderRadius = borderRadius["default"];
|
|
28
|
-
const arrowRef = (0, react.useRef)(null);
|
|
29
|
-
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = require_components_client_Tooltip_useTooltipContent.useTooltipContent({
|
|
30
|
-
open: open ?? false,
|
|
31
|
-
effectivePlacement,
|
|
32
|
-
maxWidth,
|
|
33
|
-
borderRadius: defaultBorderRadius,
|
|
34
|
-
arrowRef,
|
|
35
|
-
animationDuration
|
|
36
|
-
});
|
|
37
|
-
const mergedRef = require_hooks_useForkRef.useForkRef(ref, internalRef);
|
|
38
|
-
const classNames = {
|
|
39
|
-
root: require_styles_styler.getStyles({
|
|
40
|
-
tooltipSizeRoot: "default",
|
|
41
|
-
tooltipVariantRoot: "default",
|
|
42
|
-
className: require_styles_styler.cx(maxWidthClass, "flex", "z-[9999]", className)
|
|
43
|
-
}),
|
|
44
|
-
svg: require_styles_styler.getStyles({
|
|
45
|
-
tooltipSizeSvg: "default",
|
|
46
|
-
tooltipVariantSvg: "default",
|
|
47
|
-
className: require_styles_styler.cx("stroke-1", "uds-bgBlurFillFallback")
|
|
48
|
-
}),
|
|
49
|
-
blur: require_styles_styler.getStyles({
|
|
50
|
-
tooltipVariantBlur: "default",
|
|
51
|
-
position: "absolute",
|
|
52
|
-
width: "full",
|
|
53
|
-
height: "full",
|
|
54
|
-
className: require_styles_styler.cx("uds-bgBlurFallback", "top-0", "left-0", "z-[1]", "transition-opacity", `duration-[${animationDuration}ms]`, "ease-in-out")
|
|
55
|
-
}),
|
|
56
|
-
title: require_styles_styler.getStyles({ tooltipSizeTitle: "default" }),
|
|
57
|
-
body: require_styles_styler.getStyles({ tooltipSizeBody: "default" }),
|
|
58
|
-
endContent: require_styles_styler.getStyles({ tooltipSizeEndContent: "default" }),
|
|
59
|
-
icon: require_styles_styler.getStyles({
|
|
60
|
-
tooltipSizeIcon: "default",
|
|
61
|
-
tooltipVariantIcon: "default"
|
|
62
|
-
})
|
|
63
|
-
};
|
|
64
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tooltip, {
|
|
65
|
-
ref: mergedRef,
|
|
66
|
-
className: classNames.root,
|
|
67
|
-
hideOnHoverOutside: internalContext ? internalContext.hideOnHoverOutside : void 0,
|
|
68
|
-
portal: internalContext ? internalContext.portal : true,
|
|
69
|
-
gutter: 10,
|
|
70
|
-
updatePosition: onPositionUpdate,
|
|
71
|
-
style: tooltipShift.x !== 0 || tooltipShift.y !== 0 ? { transform: `translate(${tooltipShift.x}px, ${tooltipShift.y}px)` } : void 0,
|
|
72
|
-
children: [
|
|
73
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
|
|
74
|
-
className: classNames.blur,
|
|
75
|
-
style: {
|
|
76
|
-
...blurStyle,
|
|
77
|
-
...childTransitionStyle
|
|
78
|
-
}
|
|
79
|
-
}),
|
|
80
|
-
svgPath && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
81
|
-
"aria-hidden": true,
|
|
82
|
-
className: "absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none z-[2]",
|
|
83
|
-
style: childTransitionStyle,
|
|
84
|
-
viewBox: `0 0 ${dimensions.width} ${dimensions.height}`,
|
|
85
|
-
children: [
|
|
86
|
-
shadows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("filter", {
|
|
87
|
-
id: shadowFilterId,
|
|
88
|
-
filterUnits: "userSpaceOnUse",
|
|
89
|
-
x: -(shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
|
|
90
|
-
y: -(shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
|
|
91
|
-
width: dimensions.width + 2 * (shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
|
|
92
|
-
height: dimensions.height + 2 * (shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
|
|
93
|
-
colorInterpolationFilters: "sRGB",
|
|
94
|
-
children: [
|
|
95
|
-
shadows.map((shadow, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
|
|
96
|
-
shadow.spread !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMorphology", {
|
|
97
|
-
in: "SourceAlpha",
|
|
98
|
-
operator: shadow.spread > 0 ? "dilate" : "erode",
|
|
99
|
-
radius: Math.abs(shadow.spread),
|
|
100
|
-
result: `spread${i}`
|
|
101
|
-
}),
|
|
102
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feGaussianBlur", {
|
|
103
|
-
in: shadow.spread !== 0 ? `spread${i}` : "SourceAlpha",
|
|
104
|
-
stdDeviation: shadow.blur / 2,
|
|
105
|
-
result: `blurred${i}`
|
|
106
|
-
}),
|
|
107
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feOffset", {
|
|
108
|
-
in: `blurred${i}`,
|
|
109
|
-
dx: shadow.x,
|
|
110
|
-
dy: shadow.y,
|
|
111
|
-
result: `offset${i}`
|
|
112
|
-
}),
|
|
113
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feFlood", {
|
|
114
|
-
floodColor: shadow.color,
|
|
115
|
-
result: `color${i}`
|
|
116
|
-
}),
|
|
117
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feComposite", {
|
|
118
|
-
in: `color${i}`,
|
|
119
|
-
in2: `offset${i}`,
|
|
120
|
-
operator: "in",
|
|
121
|
-
result: `shadow${i}`
|
|
122
|
-
})
|
|
123
|
-
] }, i)),
|
|
124
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMerge", {
|
|
125
|
-
result: "mergedShadows",
|
|
126
|
-
children: shadows.map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: `shadow${i}` }, i))
|
|
127
|
-
}),
|
|
128
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feComposite", {
|
|
129
|
-
in: "mergedShadows",
|
|
130
|
-
in2: "SourceAlpha",
|
|
131
|
-
operator: "out"
|
|
132
|
-
})
|
|
133
|
-
]
|
|
134
|
-
}) }),
|
|
135
|
-
shadows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
136
|
-
d: svgPath,
|
|
137
|
-
fill: "black",
|
|
138
|
-
filter: `url(#${shadowFilterId})`
|
|
139
|
-
}),
|
|
140
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
141
|
-
d: svgPath,
|
|
142
|
-
className: classNames.svg
|
|
143
|
-
})
|
|
144
|
-
]
|
|
145
|
-
}),
|
|
146
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
|
|
147
|
-
position: "relative",
|
|
148
|
-
flexDirection: "column",
|
|
149
|
-
className: "z-[3] gap-[inherit]",
|
|
150
|
-
style: childTransitionStyle,
|
|
151
|
-
id,
|
|
152
|
-
children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
|
|
153
|
-
alignItems: "center",
|
|
154
|
-
columnGap: "1",
|
|
155
|
-
children: [startTitleIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
|
|
156
|
-
iconProps: { variant: "fill" },
|
|
157
|
-
icon: startTitleIcon,
|
|
158
|
-
className: classNames.icon
|
|
159
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
|
|
160
|
-
className: classNames.title,
|
|
161
|
-
color: "inherit",
|
|
162
|
-
children: title
|
|
163
|
-
})]
|
|
164
|
-
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
|
|
165
|
-
alignItems: "center",
|
|
166
|
-
columnGap: "1.5",
|
|
167
|
-
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
|
|
168
|
-
className: classNames.body,
|
|
169
|
-
color: "inherit",
|
|
170
|
-
children
|
|
171
|
-
}), endContent && !(0, react.isValidElement)(endContent) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
|
|
172
|
-
className: classNames.endContent,
|
|
173
|
-
color: "inherit",
|
|
174
|
-
children: endContent
|
|
175
|
-
}) : endContent]
|
|
176
|
-
})]
|
|
177
|
-
}),
|
|
178
|
-
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipArrow, {
|
|
179
|
-
ref: arrowRef,
|
|
180
|
-
style: { opacity: 0 }
|
|
181
|
-
})
|
|
182
|
-
]
|
|
183
|
-
});
|
|
184
|
-
});
|
|
185
|
-
TooltipContent.displayName = "TooltipContent";
|
|
186
|
-
|
|
187
|
-
//#endregion
|
|
188
|
-
exports.TooltipContent = TooltipContent;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipContentProps } from "../../../types/dist/index.cjs";
|
|
3
|
-
import * as react from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/components/client/Tooltip/TooltipContent.d.ts
|
|
6
|
-
declare const TooltipContent: react.ForwardRefExoticComponent<UniversalTooltipContentProps & react.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { TooltipContent };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipContentProps } from "../../../types/dist/index.js";
|
|
3
|
-
import * as react from "react";
|
|
4
|
-
|
|
5
|
-
//#region src/components/client/Tooltip/TooltipContent.d.ts
|
|
6
|
-
declare const TooltipContent: react.ForwardRefExoticComponent<UniversalTooltipContentProps & react.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { TooltipContent };
|
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { cx, getStyles } from "../../../styles/styler.js";
|
|
4
|
-
import { Box } from "../../Box.js";
|
|
5
|
-
import { Text } from "../../Text.js";
|
|
6
|
-
import { IconSlot } from "../../IconSlot.js";
|
|
7
|
-
import { useTooltipConfig } from "./UDSTooltipConfigProvider.js";
|
|
8
|
-
import { TooltipInternalContext } from "./tooltipContext.js";
|
|
9
|
-
import { useForkRef } from "../../../hooks/useForkRef.js";
|
|
10
|
-
import { ARROW_HEIGHT } from "./util.js";
|
|
11
|
-
import { useTooltipContent } from "./useTooltipContent.js";
|
|
12
|
-
import { Fragment, forwardRef, isValidElement, useContext, useRef } from "react";
|
|
13
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
14
|
-
import { Tooltip, TooltipArrow, useStoreState, useTooltipContext } from "@ariakit/react";
|
|
15
|
-
|
|
16
|
-
//#region src/components/client/Tooltip/TooltipContent.tsx
|
|
17
|
-
const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
|
|
18
|
-
const store = useTooltipContext();
|
|
19
|
-
const open = useStoreState(store, "open");
|
|
20
|
-
const internalContext = useContext(TooltipInternalContext);
|
|
21
|
-
const currentPlacement = useStoreState(store, "currentPlacement");
|
|
22
|
-
const placement = useStoreState(store, "placement");
|
|
23
|
-
const effectivePlacement = currentPlacement ?? placement ?? "top";
|
|
24
|
-
const { borderRadius, animationDuration } = useTooltipConfig();
|
|
25
|
-
const defaultBorderRadius = borderRadius["default"];
|
|
26
|
-
const arrowRef = useRef(null);
|
|
27
|
-
const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = useTooltipContent({
|
|
28
|
-
open: open ?? false,
|
|
29
|
-
effectivePlacement,
|
|
30
|
-
maxWidth,
|
|
31
|
-
borderRadius: defaultBorderRadius,
|
|
32
|
-
arrowRef,
|
|
33
|
-
animationDuration
|
|
34
|
-
});
|
|
35
|
-
const mergedRef = useForkRef(ref, internalRef);
|
|
36
|
-
const classNames = {
|
|
37
|
-
root: getStyles({
|
|
38
|
-
tooltipSizeRoot: "default",
|
|
39
|
-
tooltipVariantRoot: "default",
|
|
40
|
-
className: cx(maxWidthClass, "flex", "z-[9999]", className)
|
|
41
|
-
}),
|
|
42
|
-
svg: getStyles({
|
|
43
|
-
tooltipSizeSvg: "default",
|
|
44
|
-
tooltipVariantSvg: "default",
|
|
45
|
-
className: cx("stroke-1", "uds-bgBlurFillFallback")
|
|
46
|
-
}),
|
|
47
|
-
blur: getStyles({
|
|
48
|
-
tooltipVariantBlur: "default",
|
|
49
|
-
position: "absolute",
|
|
50
|
-
width: "full",
|
|
51
|
-
height: "full",
|
|
52
|
-
className: cx("uds-bgBlurFallback", "top-0", "left-0", "z-[1]", "transition-opacity", `duration-[${animationDuration}ms]`, "ease-in-out")
|
|
53
|
-
}),
|
|
54
|
-
title: getStyles({ tooltipSizeTitle: "default" }),
|
|
55
|
-
body: getStyles({ tooltipSizeBody: "default" }),
|
|
56
|
-
endContent: getStyles({ tooltipSizeEndContent: "default" }),
|
|
57
|
-
icon: getStyles({
|
|
58
|
-
tooltipSizeIcon: "default",
|
|
59
|
-
tooltipVariantIcon: "default"
|
|
60
|
-
})
|
|
61
|
-
};
|
|
62
|
-
return /* @__PURE__ */ jsxs(Tooltip, {
|
|
63
|
-
ref: mergedRef,
|
|
64
|
-
className: classNames.root,
|
|
65
|
-
hideOnHoverOutside: internalContext ? internalContext.hideOnHoverOutside : void 0,
|
|
66
|
-
portal: internalContext ? internalContext.portal : true,
|
|
67
|
-
gutter: 10,
|
|
68
|
-
updatePosition: onPositionUpdate,
|
|
69
|
-
style: tooltipShift.x !== 0 || tooltipShift.y !== 0 ? { transform: `translate(${tooltipShift.x}px, ${tooltipShift.y}px)` } : void 0,
|
|
70
|
-
children: [
|
|
71
|
-
/* @__PURE__ */ jsx(Box, {
|
|
72
|
-
className: classNames.blur,
|
|
73
|
-
style: {
|
|
74
|
-
...blurStyle,
|
|
75
|
-
...childTransitionStyle
|
|
76
|
-
}
|
|
77
|
-
}),
|
|
78
|
-
svgPath && /* @__PURE__ */ jsxs("svg", {
|
|
79
|
-
"aria-hidden": true,
|
|
80
|
-
className: "absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none z-[2]",
|
|
81
|
-
style: childTransitionStyle,
|
|
82
|
-
viewBox: `0 0 ${dimensions.width} ${dimensions.height}`,
|
|
83
|
-
children: [
|
|
84
|
-
shadows.length > 0 && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", {
|
|
85
|
-
id: shadowFilterId,
|
|
86
|
-
filterUnits: "userSpaceOnUse",
|
|
87
|
-
x: -(shadowPadding + ARROW_HEIGHT),
|
|
88
|
-
y: -(shadowPadding + ARROW_HEIGHT),
|
|
89
|
-
width: dimensions.width + 2 * (shadowPadding + ARROW_HEIGHT),
|
|
90
|
-
height: dimensions.height + 2 * (shadowPadding + ARROW_HEIGHT),
|
|
91
|
-
colorInterpolationFilters: "sRGB",
|
|
92
|
-
children: [
|
|
93
|
-
shadows.map((shadow, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
94
|
-
shadow.spread !== 0 && /* @__PURE__ */ jsx("feMorphology", {
|
|
95
|
-
in: "SourceAlpha",
|
|
96
|
-
operator: shadow.spread > 0 ? "dilate" : "erode",
|
|
97
|
-
radius: Math.abs(shadow.spread),
|
|
98
|
-
result: `spread${i}`
|
|
99
|
-
}),
|
|
100
|
-
/* @__PURE__ */ jsx("feGaussianBlur", {
|
|
101
|
-
in: shadow.spread !== 0 ? `spread${i}` : "SourceAlpha",
|
|
102
|
-
stdDeviation: shadow.blur / 2,
|
|
103
|
-
result: `blurred${i}`
|
|
104
|
-
}),
|
|
105
|
-
/* @__PURE__ */ jsx("feOffset", {
|
|
106
|
-
in: `blurred${i}`,
|
|
107
|
-
dx: shadow.x,
|
|
108
|
-
dy: shadow.y,
|
|
109
|
-
result: `offset${i}`
|
|
110
|
-
}),
|
|
111
|
-
/* @__PURE__ */ jsx("feFlood", {
|
|
112
|
-
floodColor: shadow.color,
|
|
113
|
-
result: `color${i}`
|
|
114
|
-
}),
|
|
115
|
-
/* @__PURE__ */ jsx("feComposite", {
|
|
116
|
-
in: `color${i}`,
|
|
117
|
-
in2: `offset${i}`,
|
|
118
|
-
operator: "in",
|
|
119
|
-
result: `shadow${i}`
|
|
120
|
-
})
|
|
121
|
-
] }, i)),
|
|
122
|
-
/* @__PURE__ */ jsx("feMerge", {
|
|
123
|
-
result: "mergedShadows",
|
|
124
|
-
children: shadows.map((_, i) => /* @__PURE__ */ jsx("feMergeNode", { in: `shadow${i}` }, i))
|
|
125
|
-
}),
|
|
126
|
-
/* @__PURE__ */ jsx("feComposite", {
|
|
127
|
-
in: "mergedShadows",
|
|
128
|
-
in2: "SourceAlpha",
|
|
129
|
-
operator: "out"
|
|
130
|
-
})
|
|
131
|
-
]
|
|
132
|
-
}) }),
|
|
133
|
-
shadows.length > 0 && /* @__PURE__ */ jsx("path", {
|
|
134
|
-
d: svgPath,
|
|
135
|
-
fill: "black",
|
|
136
|
-
filter: `url(#${shadowFilterId})`
|
|
137
|
-
}),
|
|
138
|
-
/* @__PURE__ */ jsx("path", {
|
|
139
|
-
d: svgPath,
|
|
140
|
-
className: classNames.svg
|
|
141
|
-
})
|
|
142
|
-
]
|
|
143
|
-
}),
|
|
144
|
-
/* @__PURE__ */ jsxs(Box, {
|
|
145
|
-
position: "relative",
|
|
146
|
-
flexDirection: "column",
|
|
147
|
-
className: "z-[3] gap-[inherit]",
|
|
148
|
-
style: childTransitionStyle,
|
|
149
|
-
id,
|
|
150
|
-
children: [title && /* @__PURE__ */ jsxs(Box, {
|
|
151
|
-
alignItems: "center",
|
|
152
|
-
columnGap: "1",
|
|
153
|
-
children: [startTitleIcon && /* @__PURE__ */ jsx(IconSlot, {
|
|
154
|
-
iconProps: { variant: "fill" },
|
|
155
|
-
icon: startTitleIcon,
|
|
156
|
-
className: classNames.icon
|
|
157
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
158
|
-
className: classNames.title,
|
|
159
|
-
color: "inherit",
|
|
160
|
-
children: title
|
|
161
|
-
})]
|
|
162
|
-
}), /* @__PURE__ */ jsxs(Box, {
|
|
163
|
-
alignItems: "center",
|
|
164
|
-
columnGap: "1.5",
|
|
165
|
-
children: [/* @__PURE__ */ jsx(Text, {
|
|
166
|
-
className: classNames.body,
|
|
167
|
-
color: "inherit",
|
|
168
|
-
children
|
|
169
|
-
}), endContent && !isValidElement(endContent) ? /* @__PURE__ */ jsx(Text, {
|
|
170
|
-
className: classNames.endContent,
|
|
171
|
-
color: "inherit",
|
|
172
|
-
children: endContent
|
|
173
|
-
}) : endContent]
|
|
174
|
-
})]
|
|
175
|
-
}),
|
|
176
|
-
/* @__PURE__ */ jsx(TooltipArrow, {
|
|
177
|
-
ref: arrowRef,
|
|
178
|
-
style: { opacity: 0 }
|
|
179
|
-
})
|
|
180
|
-
]
|
|
181
|
-
});
|
|
182
|
-
});
|
|
183
|
-
TooltipContent.displayName = "TooltipContent";
|
|
184
|
-
|
|
185
|
-
//#endregion
|
|
186
|
-
export { TooltipContent };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
|
|
5
|
-
let react = require("react");
|
|
6
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
-
let _ariakit_react = require("@ariakit/react");
|
|
8
|
-
|
|
9
|
-
//#region src/components/client/Tooltip/TooltipTrigger.tsx
|
|
10
|
-
function TooltipTrigger({ children }) {
|
|
11
|
-
if ((0, react.isValidElement)(children) && children.type !== react.Fragment) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipAnchor, { render: children });
|
|
12
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipAnchor, {
|
|
13
|
-
className: "inline",
|
|
14
|
-
children
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
TooltipTrigger.displayName = "TooltipTrigger";
|
|
18
|
-
|
|
19
|
-
//#endregion
|
|
20
|
-
exports.TooltipTrigger = TooltipTrigger;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipTriggerProps } from "../../../types/dist/index.cjs";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/client/Tooltip/TooltipTrigger.d.ts
|
|
6
|
-
type TooltipTriggerProps = UniversalTooltipTriggerProps;
|
|
7
|
-
declare function TooltipTrigger({
|
|
8
|
-
children
|
|
9
|
-
}: TooltipTriggerProps): react_jsx_runtime0.JSX.Element;
|
|
10
|
-
declare namespace TooltipTrigger {
|
|
11
|
-
var displayName: string;
|
|
12
|
-
}
|
|
13
|
-
//#endregion
|
|
14
|
-
export { TooltipTrigger };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipTriggerProps } from "../../../types/dist/index.js";
|
|
3
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
-
|
|
5
|
-
//#region src/components/client/Tooltip/TooltipTrigger.d.ts
|
|
6
|
-
type TooltipTriggerProps = UniversalTooltipTriggerProps;
|
|
7
|
-
declare function TooltipTrigger({
|
|
8
|
-
children
|
|
9
|
-
}: TooltipTriggerProps): react_jsx_runtime0.JSX.Element;
|
|
10
|
-
declare namespace TooltipTrigger {
|
|
11
|
-
var displayName: string;
|
|
12
|
-
}
|
|
13
|
-
//#endregion
|
|
14
|
-
export { TooltipTrigger };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { Fragment, isValidElement } from "react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
import { TooltipAnchor } from "@ariakit/react";
|
|
6
|
-
|
|
7
|
-
//#region src/components/client/Tooltip/TooltipTrigger.tsx
|
|
8
|
-
function TooltipTrigger({ children }) {
|
|
9
|
-
if (isValidElement(children) && children.type !== Fragment) return /* @__PURE__ */ jsx(TooltipAnchor, { render: children });
|
|
10
|
-
return /* @__PURE__ */ jsx(TooltipAnchor, {
|
|
11
|
-
className: "inline",
|
|
12
|
-
children
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
TooltipTrigger.displayName = "TooltipTrigger";
|
|
16
|
-
|
|
17
|
-
//#endregion
|
|
18
|
-
export { TooltipTrigger };
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
|
|
5
|
-
let react = require("react");
|
|
6
|
-
let react_jsx_runtime = require("react/jsx-runtime");
|
|
7
|
-
|
|
8
|
-
//#region src/components/client/Tooltip/UDSTooltipConfigProvider.tsx
|
|
9
|
-
const TooltipContext = (0, react.createContext)(void 0);
|
|
10
|
-
const UDSTooltipConfigProvider = ({ children, value }) => {
|
|
11
|
-
const existingContext = (0, react.useContext)(TooltipContext);
|
|
12
|
-
if ("type" in value) {
|
|
13
|
-
if (!existingContext) throw new Error("Cannot merge context values without an existing TooltipContext");
|
|
14
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContext.Provider, {
|
|
15
|
-
value: {
|
|
16
|
-
...existingContext,
|
|
17
|
-
...value.value
|
|
18
|
-
},
|
|
19
|
-
children
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltipContext.Provider, {
|
|
23
|
-
value,
|
|
24
|
-
children
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
UDSTooltipConfigProvider.displayName = "UDSTooltipConfigProvider";
|
|
28
|
-
function useTooltipConfig(options) {
|
|
29
|
-
const context = (0, react.useContext)(TooltipContext);
|
|
30
|
-
if (!context) throw new Error("useTooltipConfig must be used within a UDSConfigProvider or UDSTooltipConfigProvider");
|
|
31
|
-
const { placementMap, placement, ...contextRest } = context;
|
|
32
|
-
return {
|
|
33
|
-
...contextRest,
|
|
34
|
-
ariaKitPlacement: placementMap[options?.placement ?? placement]
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
//#endregion
|
|
39
|
-
exports.UDSTooltipConfigProvider = UDSTooltipConfigProvider;
|
|
40
|
-
exports.useTooltipConfig = useTooltipConfig;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { TooltipPlacement } from "../../../types/dist/index.cjs";
|
|
3
|
-
import { UDSTooltipConfigContextType } from "../../../runtime/tooltipConfig.cjs";
|
|
4
|
-
import { PropsWithChildren } from "react";
|
|
5
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
-
import { TooltipProviderProps } from "@ariakit/react";
|
|
7
|
-
|
|
8
|
-
//#region src/components/client/Tooltip/UDSTooltipConfigProvider.d.ts
|
|
9
|
-
interface UDSTooltipConfigProviderProps extends PropsWithChildren {
|
|
10
|
-
value: UDSTooltipConfigContextType | {
|
|
11
|
-
type: 'merge';
|
|
12
|
-
value: Partial<UDSTooltipConfigContextType>;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
declare const UDSTooltipConfigProvider: {
|
|
16
|
-
({
|
|
17
|
-
children,
|
|
18
|
-
value
|
|
19
|
-
}: UDSTooltipConfigProviderProps): react_jsx_runtime0.JSX.Element;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|
|
22
|
-
declare function useTooltipConfig(options?: {
|
|
23
|
-
placement?: TooltipPlacement;
|
|
24
|
-
}): Omit<UDSTooltipConfigContextType, 'placementMap' | 'placement'> & {
|
|
25
|
-
ariaKitPlacement: TooltipProviderProps['placement'];
|
|
26
|
-
};
|
|
27
|
-
//#endregion
|
|
28
|
-
export { type UDSTooltipConfigContextType, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, useTooltipConfig };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { TooltipPlacement } from "../../../types/dist/index.js";
|
|
3
|
-
import { UDSTooltipConfigContextType } from "../../../runtime/tooltipConfig.js";
|
|
4
|
-
import { PropsWithChildren } from "react";
|
|
5
|
-
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
-
import { TooltipProviderProps } from "@ariakit/react";
|
|
7
|
-
|
|
8
|
-
//#region src/components/client/Tooltip/UDSTooltipConfigProvider.d.ts
|
|
9
|
-
interface UDSTooltipConfigProviderProps extends PropsWithChildren {
|
|
10
|
-
value: UDSTooltipConfigContextType | {
|
|
11
|
-
type: 'merge';
|
|
12
|
-
value: Partial<UDSTooltipConfigContextType>;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
declare const UDSTooltipConfigProvider: {
|
|
16
|
-
({
|
|
17
|
-
children,
|
|
18
|
-
value
|
|
19
|
-
}: UDSTooltipConfigProviderProps): react_jsx_runtime0.JSX.Element;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|
|
22
|
-
declare function useTooltipConfig(options?: {
|
|
23
|
-
placement?: TooltipPlacement;
|
|
24
|
-
}): Omit<UDSTooltipConfigContextType, 'placementMap' | 'placement'> & {
|
|
25
|
-
ariaKitPlacement: TooltipProviderProps['placement'];
|
|
26
|
-
};
|
|
27
|
-
//#endregion
|
|
28
|
-
export { type UDSTooltipConfigContextType, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, useTooltipConfig };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { createContext, useContext } from "react";
|
|
4
|
-
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
6
|
-
//#region src/components/client/Tooltip/UDSTooltipConfigProvider.tsx
|
|
7
|
-
const TooltipContext = createContext(void 0);
|
|
8
|
-
const UDSTooltipConfigProvider = ({ children, value }) => {
|
|
9
|
-
const existingContext = useContext(TooltipContext);
|
|
10
|
-
if ("type" in value) {
|
|
11
|
-
if (!existingContext) throw new Error("Cannot merge context values without an existing TooltipContext");
|
|
12
|
-
return /* @__PURE__ */ jsx(TooltipContext.Provider, {
|
|
13
|
-
value: {
|
|
14
|
-
...existingContext,
|
|
15
|
-
...value.value
|
|
16
|
-
},
|
|
17
|
-
children
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return /* @__PURE__ */ jsx(TooltipContext.Provider, {
|
|
21
|
-
value,
|
|
22
|
-
children
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
UDSTooltipConfigProvider.displayName = "UDSTooltipConfigProvider";
|
|
26
|
-
function useTooltipConfig(options) {
|
|
27
|
-
const context = useContext(TooltipContext);
|
|
28
|
-
if (!context) throw new Error("useTooltipConfig must be used within a UDSConfigProvider or UDSTooltipConfigProvider");
|
|
29
|
-
const { placementMap, placement, ...contextRest } = context;
|
|
30
|
-
return {
|
|
31
|
-
...contextRest,
|
|
32
|
-
ariaKitPlacement: placementMap[options?.placement ?? placement]
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
//#endregion
|
|
37
|
-
export { UDSTooltipConfigProvider, useTooltipConfig };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
const require_components_client_Tooltip_UDSTooltipConfigProvider = require('./UDSTooltipConfigProvider.cjs');
|
|
5
|
-
const require_components_client_Tooltip_Tooltip = require('./Tooltip.cjs');
|
|
6
|
-
const require_components_client_Tooltip_TooltipContent = require('./TooltipContent.cjs');
|
|
7
|
-
const require_components_client_Tooltip_TooltipTrigger = require('./TooltipTrigger.cjs');
|
|
8
|
-
|
|
9
|
-
exports.Tooltip = require_components_client_Tooltip_Tooltip.Tooltip;
|
|
10
|
-
exports.TooltipContent = require_components_client_Tooltip_TooltipContent.TooltipContent;
|
|
11
|
-
exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.TooltipTrigger;
|
|
12
|
-
exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.cjs";
|
|
3
|
-
import { Tooltip } from "./Tooltip.cjs";
|
|
4
|
-
import { TooltipContent } from "./TooltipContent.cjs";
|
|
5
|
-
import { TooltipTrigger } from "./TooltipTrigger.cjs";
|
|
6
|
-
import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./UDSTooltipConfigProvider.cjs";
|
|
7
|
-
export { Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.js";
|
|
3
|
-
import { Tooltip } from "./Tooltip.js";
|
|
4
|
-
import { TooltipContent } from "./TooltipContent.js";
|
|
5
|
-
import { TooltipTrigger } from "./TooltipTrigger.js";
|
|
6
|
-
import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./UDSTooltipConfigProvider.js";
|
|
7
|
-
export { Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
import { UDSTooltipConfigProvider } from "./UDSTooltipConfigProvider.js";
|
|
4
|
-
import { Tooltip } from "./Tooltip.js";
|
|
5
|
-
import { TooltipContent } from "./TooltipContent.js";
|
|
6
|
-
import { TooltipTrigger } from "./TooltipTrigger.js";
|
|
7
|
-
|
|
8
|
-
export { Tooltip, TooltipContent, TooltipTrigger, UDSTooltipConfigProvider };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
-
const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
|
|
5
|
-
let react = require("react");
|
|
6
|
-
|
|
7
|
-
//#region src/components/client/Tooltip/tooltipContext.tsx
|
|
8
|
-
/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
|
|
9
|
-
const TooltipInternalContext = (0, react.createContext)(null);
|
|
10
|
-
|
|
11
|
-
//#endregion
|
|
12
|
-
exports.TooltipInternalContext = TooltipInternalContext;
|