@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.
Files changed (164) hide show
  1. package/dist/automated-config/dist/generated/autoVariants.cjs +1 -11
  2. package/dist/automated-config/dist/generated/autoVariants.d.cts +0 -10
  3. package/dist/automated-config/dist/generated/autoVariants.d.ts +0 -10
  4. package/dist/automated-config/dist/generated/autoVariants.js +1 -11
  5. package/dist/automated-config/dist/generated/generatedConfigs.cjs +1 -1695
  6. package/dist/automated-config/dist/generated/generatedConfigs.d.cts +189 -419
  7. package/dist/automated-config/dist/generated/generatedConfigs.d.ts +189 -419
  8. package/dist/automated-config/dist/generated/generatedConfigs.js +1 -1694
  9. package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs +0 -99
  10. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +1 -2
  11. package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts +1 -2
  12. package/dist/automated-config/dist/generated/universalTokensConfigAuto.js +0 -99
  13. package/dist/automated-config/dist/properties.cjs +89 -152
  14. package/dist/automated-config/dist/properties.d.cts +4 -25
  15. package/dist/automated-config/dist/properties.d.ts +4 -25
  16. package/dist/automated-config/dist/properties.js +90 -153
  17. package/dist/automated-config/dist/utils/buildConfigSchema.cjs +1 -5
  18. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -2
  19. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -2
  20. package/dist/automated-config/dist/utils/buildConfigSchema.js +1 -5
  21. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  22. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  23. package/dist/automated-config/dist/utils/index.cjs +4 -4
  24. package/dist/automated-config/dist/utils/index.d.cts +1 -6
  25. package/dist/automated-config/dist/utils/index.d.ts +1 -6
  26. package/dist/automated-config/dist/utils/index.js +4 -4
  27. package/dist/cli/commands/sync.cjs +1 -5
  28. package/dist/cli/commands/sync.js +1 -5
  29. package/dist/components/client/Button.js +2 -2
  30. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  31. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  32. package/dist/components/client/Toast/Toast.cjs +1 -1
  33. package/dist/components/client/Toast/Toast.d.cts +1 -1
  34. package/dist/components/client/Toast/Toast.d.ts +1 -1
  35. package/dist/components/client/Toast/Toast.js +1 -1
  36. package/dist/components/client/index.cjs +0 -8
  37. package/dist/components/client/index.d.cts +1 -7
  38. package/dist/components/client/index.d.ts +1 -7
  39. package/dist/components/client/index.js +1 -5
  40. package/dist/components/client/providers/UDSConfigProvider.cjs +2 -6
  41. package/dist/components/client/providers/UDSConfigProvider.d.cts +1 -2
  42. package/dist/components/client/providers/UDSConfigProvider.d.ts +1 -2
  43. package/dist/components/client/providers/UDSConfigProvider.js +2 -6
  44. package/dist/components/index.cjs +0 -12
  45. package/dist/components/index.d.cts +1 -6
  46. package/dist/components/index.d.ts +1 -6
  47. package/dist/components/index.js +1 -9
  48. package/dist/config/dist/index.cjs +3 -101
  49. package/dist/config/dist/index.d.cts +1 -148
  50. package/dist/config/dist/index.d.ts +1 -148
  51. package/dist/config/dist/index.js +3 -101
  52. package/dist/css-tokens/dist/index.cjs +0 -2
  53. package/dist/css-tokens/dist/index.d.cts +1 -2
  54. package/dist/css-tokens/dist/index.d.ts +1 -2
  55. package/dist/css-tokens/dist/index.js +1 -2
  56. package/dist/defaultTokensConfig.cjs +2 -0
  57. package/dist/defaultTokensConfig.d.cts +2 -0
  58. package/dist/defaultTokensConfig.d.ts +2 -0
  59. package/dist/defaultTokensConfig.js +2 -0
  60. package/dist/fixtures/dist/index.cjs +2 -28
  61. package/dist/fixtures/dist/index.d.cts +3 -17
  62. package/dist/fixtures/dist/index.d.ts +3 -17
  63. package/dist/fixtures/dist/index.js +3 -27
  64. package/dist/fixtures/index.cjs +1 -6
  65. package/dist/fixtures/index.d.cts +2 -4
  66. package/dist/fixtures/index.d.ts +2 -4
  67. package/dist/fixtures/index.js +2 -3
  68. package/dist/index.cjs +3 -15
  69. package/dist/index.d.cts +4 -9
  70. package/dist/index.d.ts +4 -9
  71. package/dist/index.js +6 -11
  72. package/dist/runtime/index.cjs +0 -2
  73. package/dist/runtime/index.d.cts +1 -2
  74. package/dist/runtime/index.d.ts +1 -2
  75. package/dist/runtime/index.js +1 -2
  76. package/dist/runtime/udsConfig.cjs +1 -3
  77. package/dist/runtime/udsConfig.d.cts +0 -2
  78. package/dist/runtime/udsConfig.d.ts +0 -2
  79. package/dist/runtime/udsConfig.js +1 -3
  80. package/dist/styles/styler.d.cts +26 -36
  81. package/dist/styles/styler.d.ts +26 -36
  82. package/dist/styles/variants.d.cts +0 -30
  83. package/dist/styles/variants.d.ts +0 -30
  84. package/dist/tailwind/dist/plugin.cjs +1 -2
  85. package/dist/tailwind/dist/plugin.js +1 -2
  86. package/dist/tailwind/dist/tailwind/plugins/components.cjs +0 -1
  87. package/dist/tailwind/dist/tailwind/plugins/components.js +1 -2
  88. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  89. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  90. package/dist/tokens/automation/configs/index.cjs +1 -2
  91. package/dist/tokens/automation/configs/index.d.cts +2 -2
  92. package/dist/tokens/automation/configs/index.d.ts +2 -2
  93. package/dist/tokens/automation/configs/index.js +2 -2
  94. package/dist/tokens/automation/index.cjs +0 -1
  95. package/dist/tokens/automation/index.d.cts +2 -2
  96. package/dist/tokens/automation/index.d.ts +2 -2
  97. package/dist/tokens/automation/index.js +2 -2
  98. package/dist/tokens/automation/properties.d.cts +2 -2
  99. package/dist/tokens/automation/properties.d.ts +2 -2
  100. package/dist/tokens/consts/cssTokens.cjs +0 -1
  101. package/dist/tokens/consts/cssTokens.d.cts +2 -2
  102. package/dist/tokens/consts/cssTokens.d.ts +2 -2
  103. package/dist/tokens/consts/cssTokens.js +2 -2
  104. package/dist/tokens/index.cjs +0 -2
  105. package/dist/tokens/index.d.cts +4 -4
  106. package/dist/tokens/index.d.ts +4 -4
  107. package/dist/tokens/index.js +3 -3
  108. package/dist/tokens/types.d.cts +2 -2
  109. package/dist/tokens/types.d.ts +2 -2
  110. package/dist/types/dist/index.d.cts +2 -37
  111. package/dist/types/dist/index.d.ts +2 -37
  112. package/dist/uds/generated/tailwindPurge.cjs +2 -32
  113. package/dist/uds/generated/tailwindPurge.js +2 -32
  114. package/dist/uds/package.cjs +0 -1
  115. package/dist/uds/package.js +0 -1
  116. package/package.json +1 -2
  117. package/dist/components/client/Tooltip/Tooltip.cjs +0 -65
  118. package/dist/components/client/Tooltip/Tooltip.d.cts +0 -45
  119. package/dist/components/client/Tooltip/Tooltip.d.ts +0 -45
  120. package/dist/components/client/Tooltip/Tooltip.js +0 -63
  121. package/dist/components/client/Tooltip/TooltipContent.cjs +0 -188
  122. package/dist/components/client/Tooltip/TooltipContent.d.cts +0 -8
  123. package/dist/components/client/Tooltip/TooltipContent.d.ts +0 -8
  124. package/dist/components/client/Tooltip/TooltipContent.js +0 -186
  125. package/dist/components/client/Tooltip/TooltipTrigger.cjs +0 -20
  126. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +0 -14
  127. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +0 -14
  128. package/dist/components/client/Tooltip/TooltipTrigger.js +0 -18
  129. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.cjs +0 -40
  130. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +0 -28
  131. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +0 -28
  132. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js +0 -37
  133. package/dist/components/client/Tooltip/index.cjs +0 -12
  134. package/dist/components/client/Tooltip/index.d.cts +0 -7
  135. package/dist/components/client/Tooltip/index.d.ts +0 -7
  136. package/dist/components/client/Tooltip/index.js +0 -8
  137. package/dist/components/client/Tooltip/tooltipContext.cjs +0 -12
  138. package/dist/components/client/Tooltip/tooltipContext.d.cts +0 -12
  139. package/dist/components/client/Tooltip/tooltipContext.d.ts +0 -12
  140. package/dist/components/client/Tooltip/tooltipContext.js +0 -10
  141. package/dist/components/client/Tooltip/useTooltipContent.cjs +0 -186
  142. package/dist/components/client/Tooltip/useTooltipContent.d.cts +0 -66
  143. package/dist/components/client/Tooltip/useTooltipContent.d.ts +0 -66
  144. package/dist/components/client/Tooltip/useTooltipContent.js +0 -184
  145. package/dist/components/client/Tooltip/util.cjs +0 -248
  146. package/dist/components/client/Tooltip/util.d.cts +0 -118
  147. package/dist/components/client/Tooltip/util.d.ts +0 -118
  148. package/dist/components/client/Tooltip/util.js +0 -240
  149. package/dist/fixtures/dist/arbitrary.d.cts +0 -11
  150. package/dist/fixtures/dist/arbitrary.d.ts +0 -11
  151. package/dist/fixtures/src/arbitrary.cjs +0 -23
  152. package/dist/fixtures/src/arbitrary.d.cts +0 -15
  153. package/dist/fixtures/src/arbitrary.d.ts +0 -15
  154. package/dist/fixtures/src/arbitrary.js +0 -18
  155. package/dist/fixtures/src/util.cjs +0 -26
  156. package/dist/fixtures/src/util.d.cts +0 -9
  157. package/dist/fixtures/src/util.d.ts +0 -9
  158. package/dist/fixtures/src/util.js +0 -25
  159. package/dist/runtime/tooltipConfig.cjs +0 -33
  160. package/dist/runtime/tooltipConfig.d.cts +0 -20
  161. package/dist/runtime/tooltipConfig.d.ts +0 -20
  162. package/dist/runtime/tooltipConfig.js +0 -32
  163. package/dist/tailwind/dist/tailwind/plugins/blurBgFallback.cjs +0 -30
  164. 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;