@nulogy/components 15.2.3 → 15.3.0

package/dist/main.js

@@ -54598,6 +54598,9 @@
     MenuItemLink
   };
 
+  /**
+   * Conditionally displays a tooltip.
+   */
   function MaybeTooltip({
     tooltip,
     showTooltip = true,
@@ -54772,6 +54775,7 @@
   exports.List = List$1;
   exports.ListItem = ListItem;
   exports.LoadingAnimation = LoadingAnimation;
+  exports.MaybeTooltip = MaybeTooltip;
   exports.MenuTrigger = MenuTrigger;
   exports.Modal = Modal;
   exports.MonthPicker = MonthPicker;

package/dist/main.module.js

@@ -54581,6 +54581,9 @@ const TopBar = {
   MenuItemLink
 };
 
+/**
+ * Conditionally displays a tooltip.
+ */
 function MaybeTooltip({
   tooltip,
   showTooltip = true,
@@ -54697,4 +54700,4 @@ const TruncatedText = ({
   }, children));
 };
 
-export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, AppTag, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button$1 as Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionGroup, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$3 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineFlex, InlineIcon, InlineValidation, Input, Link$1 as Link, List$1 as List, ListItem, LoadingAnimation, MenuTrigger, Modal, MonthPicker, NDSProvider, NavBarBackground, Navigation$1 as Navigation, NavigationLogo, NavigationLogoLink, NotificationTypes, NulogyLogo, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, Toggle, Tooltip, TopBar, TruncatedText, VerticalDivider, WeekPicker, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert$1 as Alert, AnimatedBox, AppTag, ApplicationFrame, AsyncSelect, Banner, BottomSheet, BottomSheetParts, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button$1 as Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DescriptionDetails, DescriptionGroup, DescriptionList, DescriptionTerm, DesktopMenu, Divider$1 as Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Header$3 as Header, Heading1, Heading2, Heading3, Heading4, HelpText$1 as HelpText, Icon, IconicButton, InlineFlex, InlineIcon, InlineValidation, Input, Link$1 as Link, List$1 as List, ListItem, LoadingAnimation, MaybeTooltip, MenuTrigger, Modal, MonthPicker, NDSProvider, NavBarBackground, Navigation$1 as Navigation, NavigationLogo, NavigationLogoLink, NotificationTypes, NulogyLogo, Overlay$1 as Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, NDSSelect as Select, SelectClearIndicator, SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption$1 as SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, StatusIndicatorValues, Summary, SummaryDivider, SummaryItem, Switch$1 as Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToastContainer, Toggle, Tooltip, TopBar, TruncatedText, VerticalDivider, WeekPicker, addStyledProps, legacy as desktop, phone, tablet, themes, toast, useMediaQuery, useWindowDimensions };

package/dist/src/Layout/Page.applicationFrame.story.d.ts

@@ -1,11 +1,16 @@
+import type { StoryObj } from "@storybook/react";
 import React from "react";
+import { Page } from "..";
 declare const _default: {
     title: string;
+    component: ({ breadcrumbs, title, children, headerContent, fullHeight, renderHeader, ...rest }: import("./Page").PageProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };
+    render: (args: import("./Page").PageProps) => React.JSX.Element;
 };
 export default _default;
-export declare const NoPageTitle: () => React.JSX.Element;
-export declare const NoBreadcrumbs: () => React.JSX.Element;
-export declare const WithFullHeight: () => React.JSX.Element;
+type Story = StoryObj<typeof Page>;
+export declare const NoPageTitle: Story;
+export declare const NoBreadcrumbs: Story;
+export declare const WithFullHeight: Story;

package/dist/src/Layout/Page.applicationFrame.story.js

@@ -3,22 +3,36 @@ import { Link } from "../Link";
 import { ApplicationFrame, Navigation, Page, Breadcrumbs, Heading2, Text } from "..";
 export default {
     title: "Components/Page/Within an ApplicationFrame",
+    component: Page,
     parameters: {
         layout: "fullscreen",
     },
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
+        React.createElement(Page, { ...args }))),
 };
-export const NoPageTitle = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
+export const NoPageTitle = {
+    args: {
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content"))));
-export const NoBreadcrumbs = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
-    React.createElement(Page, { title: "Materials Overview" },
-        React.createElement(React.Fragment, null,
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: (React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content")),
+    },
+};
+export const NoBreadcrumbs = {
+    args: {
+        title: "Materials Overview",
+        children: (React.createElement(React.Fragment, null,
             React.createElement(Heading2, null, "Overview"),
-            React.createElement(Text, null, "I am main content.")))));
-export const WithFullHeight = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { title: "Materials Overview", fullHeight: true, breadcrumbs: React.createElement(Breadcrumbs, null,
+            React.createElement(Text, null, "I am main content."))),
+    },
+};
+export const WithFullHeight = {
+    args: {
+        title: "Materials Overview",
+        fullHeight: true,
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, null, "I am main content."))));
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: React.createElement(Text, null, "I am main content."),
+    },
+};

package/dist/src/Layout/Page.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from "react";
 import { FlexProps } from "../Flex/Flex";
-interface PageProps extends FlexProps {
+export interface PageProps extends Omit<FlexProps, "title"> {
     breadcrumbs?: ReactNode;
-    title?: string;
+    title?: ReactNode;
     children?: ReactNode;
     headerContent?: ReactNode;
     fullHeight?: boolean;

package/dist/src/Layout/Page.story.d.ts

@@ -1,13 +1,18 @@
+import type { StoryObj } from "@storybook/react";
 import React from "react";
+import { Page } from "..";
 declare const _default: {
     title: string;
+    component: ({ breadcrumbs, title, children, headerContent, fullHeight, renderHeader, ...rest }: import("./Page").PageProps) => React.JSX.Element;
     parameters: {
         layout: string;
     };
 };
 export default _default;
-export declare const _Page: () => React.JSX.Element;
-export declare const NoPageTitle: () => React.JSX.Element;
-export declare const NoBreadcrumbs: () => React.JSX.Element;
-export declare const NoBackground: () => React.JSX.Element;
-export declare const WithFullHeight: () => React.JSX.Element;
+type Story = StoryObj<typeof Page>;
+export declare const _Page: Story;
+export declare const NoPageTitle: Story;
+export declare const NoBreadcrumbs: Story;
+export declare const NoBackground: Story;
+export declare const WithFullHeight: Story;
+export declare const WithReactNodeAsTitle: Story;

package/dist/src/Layout/Page.story.js

@@ -2,30 +2,64 @@ import React from "react";
 import { ApplicationFrame, Breadcrumbs, Link, Heading2, Text, Page, StatusIndicator, Navigation } from "..";
 export default {
     title: "Components/Page",
+    component: Page,
     parameters: {
         layout: "fullscreen",
     },
 };
-export const _Page = () => (React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
-        React.createElement(Link, { href: "/" }, "Home"),
-        React.createElement(Link, { href: "/" }, "Materials")), title: "Materials Overview", headerContent: React.createElement(StatusIndicator, { type: "informative" }, "Beta") },
-    React.createElement(React.Fragment, null,
-        React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content"))));
-export const NoPageTitle = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
+export const _Page = {
+    args: {
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content"))));
-export const NoBreadcrumbs = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
-    React.createElement(Page, { title: "Materials Overview" },
-        React.createElement(React.Fragment, null,
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        title: "Materials Overview",
+        headerContent: React.createElement(StatusIndicator, { type: "informative" }, "Beta"),
+        children: (React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content")),
+    },
+};
+export const NoPageTitle = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
+        React.createElement(Page, { ...args }))),
+    args: {
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
+            React.createElement(Link, { href: "/" }, "Home"),
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: (React.createElement(Text, { fontFamily: "mono", fontSize: "small" }, "content")),
+    },
+};
+export const NoBreadcrumbs = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null), height: "100vh" },
+        React.createElement(Page, { ...args }))),
+    args: {
+        title: "Materials Overview",
+        children: (React.createElement(React.Fragment, null,
             React.createElement(Heading2, null, "Overview"),
-            React.createElement(Text, null, "I am main content.")))));
-export const NoBackground = () => (React.createElement(Page, { breadcrumbs: React.createElement(Breadcrumbs, null,
-        React.createElement(Link, { href: "/" }, "Home"),
-        React.createElement(Link, { href: "/" }, "Materials")), title: "Materials Overview" }));
-export const WithFullHeight = () => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
-    React.createElement(Page, { title: "Materials Overview", fullHeight: true, breadcrumbs: React.createElement(Breadcrumbs, null,
+            React.createElement(Text, null, "I am main content."))),
+    },
+};
+export const NoBackground = {
+    args: {
+        title: "Materials Overview",
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
             React.createElement(Link, { href: "/" }, "Home"),
-            React.createElement(Link, { href: "/" }, "Materials")) },
-        React.createElement(Text, null, "I am main content."))));
+            React.createElement(Link, { href: "/" }, "Materials"))),
+    },
+};
+export const WithFullHeight = {
+    render: (args) => (React.createElement(ApplicationFrame, { navBar: React.createElement(Navigation, null) },
+        React.createElement(Page, { ...args }))),
+    args: {
+        title: "Materials Overview",
+        fullHeight: true,
+        breadcrumbs: (React.createElement(Breadcrumbs, null,
+            React.createElement(Link, { href: "/" }, "Home"),
+            React.createElement(Link, { href: "/" }, "Materials"))),
+        children: React.createElement(Text, null, "I am main content."),
+    },
+};
+export const WithReactNodeAsTitle = {
+    args: {
+        title: React.createElement("b", null, "I am a title"),
+        children: React.createElement(Text, null, "I am main content."),
+    },
+};

package/dist/src/MaybeTooltip/MaybeTooltip.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { TooltipProps } from "../Tooltip/Tooltip";
+export interface MaybeTooltipProps extends TooltipProps {
+    /** Whether to enable the tooltip at all */
+    showTooltip?: boolean;
+    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
+    supportMobileTap?: boolean;
+}
+/**
+ * Conditionally displays a tooltip.
+ */
+declare function MaybeTooltip({ tooltip, showTooltip, placement, defaultOpen, showDelay, maxWidth, supportMobileTap: _supportMobileTap, // Note: supportMobileTap is handled internally by the new Tooltip
+className, children, }: MaybeTooltipProps): React.JSX.Element;
+export default MaybeTooltip;

package/dist/src/{TruncatedText/components → MaybeTooltip}/MaybeTooltip.js

@@ -1,5 +1,8 @@
 import React from "react";
-import { Tooltip } from "../..";
+import { Tooltip } from "../Tooltip";
+/**
+ * Conditionally displays a tooltip.
+ */
 function MaybeTooltip({ tooltip, showTooltip = true, placement = "bottom", defaultOpen = false, showDelay = 100, maxWidth = "24em", supportMobileTap: _supportMobileTap = true, // Note: supportMobileTap is handled internally by the new Tooltip
 className, children, }) {
     if (!showTooltip) {

package/dist/src/MaybeTooltip/MaybeTooltip.story.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { StoryObj } from "@storybook/react";
+import MaybeTooltip from "./MaybeTooltip";
+declare const _default: {
+    title: string;
+    component: typeof MaybeTooltip;
+    render: (args: import("./MaybeTooltip").MaybeTooltipProps) => React.JSX.Element;
+};
+export default _default;
+type Story = StoryObj<typeof MaybeTooltip>;
+export declare const Default: Story;
+export declare const WithNoTooltip: Story;

package/dist/src/MaybeTooltip/MaybeTooltip.story.js

@@ -0,0 +1,23 @@
+import React from "react";
+import { Text } from "../Type";
+import { Box } from "../Box";
+import MaybeTooltip from "./MaybeTooltip";
+export default {
+    title: "Components/MaybeTooltip",
+    component: MaybeTooltip,
+    render: (args) => (React.createElement(Box, { width: "100px" },
+        React.createElement(MaybeTooltip, { ...args }))),
+};
+export const Default = {
+    args: {
+        children: React.createElement(Text, null, "Hello"),
+        tooltip: "This is a tooltip",
+        showTooltip: true,
+    },
+};
+export const WithNoTooltip = {
+    args: {
+        children: React.createElement(Text, null, "Hello"),
+        showTooltip: false,
+    },
+};

package/dist/src/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { MaxWidthProps } from "styled-system";
-export type TooltipProps = {
+export interface TooltipProps {
     /** Delay before showing (in ms) */
     showDelay?: string | number;
     /** Whether the tooltip is open by default */
@@ -15,5 +15,5 @@ export type TooltipProps = {
     tooltip?: React.ReactNode;
     /** Child element that triggers the tooltip */
     children?: React.ReactNode;
-};
+}
 export default function Tooltip({ showDelay, defaultOpen, placement, maxWidth, className, tooltip, children, }: TooltipProps): React.JSX.Element;

package/dist/src/TruncatedText/components/TruncatedTextFillWidth.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Text } from "../../Type";
-import MaybeTooltip from "./MaybeTooltip";
+import MaybeTooltip from "../../MaybeTooltip/MaybeTooltip";
 const TruncatedTextFillWidth = ({ element, showTooltip, tooltipProps, children, "data-testid": testId, ...props }) => {
     const [hasOverflowText, setHasOverflowText] = useState(false);
     const hasTooltip = showTooltip && hasOverflowText;

package/dist/src/TruncatedText/components/TruncatedTextMaxCharacters.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { Text } from "../../Type";
-import MaybeTooltip from "./MaybeTooltip";
+import MaybeTooltip from "../../MaybeTooltip/MaybeTooltip";
 const TruncatedTextMaxCharacters = ({ children, element, indicator, maxCharacters, showTooltip, tooltipProps, "data-testid": testId, ...props }) => {
     const innerText = children ?? "";
     const requiresTruncation = innerText.length > maxCharacters;

package/dist/src/TruncatedText/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 import { TextProps } from "../Type";
-import { MaybeTooltipProps } from "./components/MaybeTooltip";
+import { MaybeTooltipProps } from "../MaybeTooltip/MaybeTooltip";
 export interface TruncatedTextProps extends TextProps {
     children?: string;
     indicator?: string;

package/dist/src/index.d.ts

@@ -69,3 +69,4 @@ export type { NulogyAppName } from "./types/NulogyApp";
 export { useWindowDimensions } from "./utils";
 export { InlineValidation } from "./Validation";
 export { VerticalDivider } from "./VerticalDivider";
+export { default as MaybeTooltip } from "./MaybeTooltip/MaybeTooltip";

package/dist/src/index.js

@@ -57,3 +57,4 @@ export { Heading1, Heading2, Heading3, Heading4, Text } from "./Type";
 export { useWindowDimensions } from "./utils";
 export { InlineValidation } from "./Validation";
 export { VerticalDivider } from "./VerticalDivider";
+export { default as MaybeTooltip } from "./MaybeTooltip/MaybeTooltip";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "15.2.3",
+  "version": "15.3.0",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {
@@ -15,7 +15,7 @@
     "clean:storybook": "rm -rf node_modules/.cache/storybook && rm -rf ./storybook-static",
     "build": "rollup -c",
     "build:watch": "rollup -c --watch",
-    "build:storybook": "storybook build",
+    "build:storybook": "storybook build --webpack-stats-json",
     "warn:prepush": "echo \"Make sure you also run all the other CI steps before pushing by running 'pnpm ci'\"",
     "check": "pnpm warn:prepush && pnpm check:types && pnpm check:lint && pnpm check:format",
     "check:types": "tsc && cd cypress && tsc --noEmit",
@@ -65,7 +65,9 @@
     "@babel/core": "^7.28.5",
     "@babel/plugin-transform-runtime": "^7.28.5",
     "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
+    "@chromatic-com/storybook": "^3",
     "@nulogy/eslint-config-nulogy": "^1.0.0",
     "@nulogy/icons": "^4.37.2",
     "@rollup/plugin-babel": "^5.0.0",
@@ -76,20 +78,21 @@
     "@semantic-release/github": "^8.0.7",
     "@semantic-release/npm": "^9.0.0",
     "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/addon-a11y": "7.6.20",
-    "@storybook/addon-actions": "7.6.20",
-    "@storybook/addon-docs": "7.6.20",
-    "@storybook/addon-storysource": "7.6.20",
-    "@storybook/addon-toolbars": "7.6.20",
-    "@storybook/addon-viewport": "7.6.20",
-    "@storybook/codemod": "7.6.20",
-    "@storybook/react": "7.6.20",
-    "@storybook/react-webpack5": "7.6.20",
-    "@storybook/theming": "7.6.20",
+    "@storybook/addon-a11y": "8.6.14",
+    "@storybook/addon-actions": "8.6.14",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-storysource": "8.6.14",
+    "@storybook/addon-toolbars": "8.6.14",
+    "@storybook/addon-viewport": "8.6.14",
+    "@storybook/addon-webpack5-compiler-babel": "^4.0.0",
+    "@storybook/codemod": "8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-webpack5": "8.6.14",
+    "@storybook/theming": "8.6.14",
     "@testing-library/react": "^12.1.5",
     "@types/css-mediaquery": "^0.1.4",
     "@types/deep-equal": "^1.0.4",
-    "@types/node": "^14.0.14",
+    "@types/node": "^24.0.0",
     "@types/react": "^17.0.39",
     "@types/react-dom": "^17.0.20",
     "@types/react-router-dom": "^5.3.3",
@@ -128,12 +131,12 @@
     "rollup-plugin-typescript2": "^0.36.0",
     "semantic-release": "^24.2.5",
     "start-server-and-test": "^2.0.12",
-    "storybook": "7.6.20",
+    "storybook": "8.6.14",
     "styled-components": "^6.1.19",
     "svg-sprite-loader": "^6.0.11",
     "typescript": "^5.9.3",
-    "vitest": "^2.0.0",
-    "typescript-eslint": "^0.0.1-alpha.0"
+    "typescript-eslint": "^0.0.1-alpha.0",
+    "vitest": "^4.0.15"
   },
   "dependencies": {
     "@babel/runtime": "^7.9.6",
@@ -145,7 +148,7 @@
     "@styled-system/prop-types": "^5.1.4",
     "@styled-system/theme-get": "^5.1.2",
     "@types/react-window": "^1.8.8",
-    "@types/styled-system": "5.1.22",
+    "@types/styled-system": "5.1.25",
     "core-js": "3",
     "date-fns": "2.23.0",
     "debounce": "^1.2.0",

package/dist/src/TruncatedText/components/MaybeTooltip.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-export type MaybeTooltipProps = {
-    /** The content to display inside the tooltip */
-    tooltip: React.ReactNode;
-    /** Whether to enable the tooltip at all */
-    showTooltip?: boolean;
-    /** Tooltip placement relative to trigger element */
-    placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
-    /** CSS class for the tooltip content */
-    className?: string;
-    /** Whether tooltip is open by default */
-    defaultOpen?: boolean;
-    /** Delay before showing the tooltip (ms) */
-    showDelay?: number;
-    /** Maximum width for tooltip box */
-    maxWidth?: string;
-    /** Allow opening tooltip on mobile tap (not supported by new Tooltip) */
-    supportMobileTap?: boolean;
-    /** The trigger element(s) */
-    children?: React.ReactNode;
-};
-declare function MaybeTooltip({ tooltip, showTooltip, placement, defaultOpen, showDelay, maxWidth, supportMobileTap: _supportMobileTap, // Note: supportMobileTap is handled internally by the new Tooltip
-className, children, }: MaybeTooltipProps): React.JSX.Element;
-export default MaybeTooltip;