@redis-ui/components 37.0.0

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,24 @@
+import { TooltipProps } from './Tooltip.types';
+declare const Tooltip: (({ children, openDelayDuration, open, onOpenChange, defaultOpen, withButton, disabled, interactive, ...restProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ children, openDelayDuration, open, disabled, onOpenChange, defaultOpen, interactive }: import("./components/Compose/Compose.types").TooltipComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (({ content, textColor, ...composeProps }: import("./components/Content/Content.types").TooltipContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
+        Compose: ({ children, backgroundColor, maxWidth, placement, sideOffset, disableInteractionHelper, portal, ...restProps }: import("./components/Content/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Trigger: ({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").TooltipTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Card: (({ text, title, textColor, actionButtonText, actionButtonHandler, link, linkText, ...composeProps }: import("./components/TooltipCard").TooltipCardProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ children, ...restProps }: import("./components/TooltipCard/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Header: ((props: import("../Popover/components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: (props: import("../Popover/components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Title: ({ children, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+        };
+        Body: (({ text, textColor, ...restProps }: import("../Popover/components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: (props: import("../Popover/components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        };
+        Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("../Popover/components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
+            Compose: (props: import("../Popover/components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
+        };
+    };
+};
+export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,40 @@
+import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import Compose from "./components/Compose/Compose.js";
+import Content from "./components/Content/Content.js";
+import Trigger from "./components/Trigger/Trigger.js";
+import TooltipCard from "./components/TooltipCard/TooltipCard.js";
+const Tooltip = Object.assign(({
+  children,
+  openDelayDuration,
+  open,
+  onOpenChange,
+  defaultOpen,
+  withButton,
+  disabled,
+  interactive,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsxs(Tooltip.Compose, {
+    defaultOpen,
+    open,
+    disabled,
+    onOpenChange,
+    openDelayDuration,
+    interactive,
+    children: [jsxRuntimeExports.jsx(Tooltip.Trigger, {
+      withButton,
+      children
+    }), jsxRuntimeExports.jsx(Tooltip.Content, {
+      ...restProps
+    })]
+  });
+}, {
+  Compose,
+  Content,
+  Trigger,
+  Card: TooltipCard
+});
+const Tooltip$1 = Tooltip;
+export {
+  Tooltip$1 as default
+};

package/dist/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,5 @@
+import { TooltipComposeProps } from './components/Compose/Compose.types';
+import { TooltipContentProps } from './components/Content/Content.types';
+import { TooltipTriggerProps } from './components/Trigger/Trigger.types';
+export interface TooltipProps extends Omit<TooltipContentProps, 'backgroundColor'>, Omit<TooltipComposeProps, 'children'>, TooltipTriggerProps {
+}

package/dist/Tooltip/components/Compose/Compose.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs");
+const TooltipInfoContext = require("../../Context/TooltipInfoContext.cjs");
+const Compose = ({
+  children,
+  openDelayDuration,
+  open,
+  disabled,
+  onOpenChange,
+  defaultOpen,
+  interactive = false
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(TooltipInfoContext.TooltipInfoProvider, {
+    interactive,
+    children: jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+      delayDuration: openDelayDuration,
+      defaultOpen,
+      open: !disabled && open,
+      onOpenChange,
+      disableHoverableContent: !interactive,
+      children
+    })
+  });
+};
+exports.default = Compose;

package/dist/Tooltip/components/Compose/Compose.d.ts

@@ -0,0 +1,3 @@
+import { TooltipComposeProps } from './Compose.types';
+declare const Compose: ({ children, openDelayDuration, open, disabled, onOpenChange, defaultOpen, interactive }: TooltipComposeProps) => import("react/jsx-runtime").JSX.Element;
+export default Compose;

package/dist/Tooltip/components/Compose/Compose.js

@@ -0,0 +1,27 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Root as Root3 } from "../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { TooltipInfoProvider } from "../../Context/TooltipInfoContext.js";
+const Compose = ({
+  children,
+  openDelayDuration,
+  open,
+  disabled,
+  onOpenChange,
+  defaultOpen,
+  interactive = false
+}) => {
+  return jsxRuntimeExports.jsx(TooltipInfoProvider, {
+    interactive,
+    children: jsxRuntimeExports.jsx(Root3, {
+      delayDuration: openDelayDuration,
+      defaultOpen,
+      open: !disabled && open,
+      onOpenChange,
+      disableHoverableContent: !interactive,
+      children
+    })
+  });
+};
+export {
+  Compose as default
+};

package/dist/Tooltip/components/Compose/Compose.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface TooltipComposeProps {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    openDelayDuration?: number;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    interactive?: boolean;
+}

package/dist/Tooltip/components/Content/Content.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Text = require("./components/Text/Text.cjs");
+const Content = Object.assign(({
+  content,
+  textColor,
+  ...composeProps
+}) => {
+  if (!content) return null;
+  return jsxRuntime.jsxRuntimeExports.jsx(Content.Compose, {
+    ...composeProps,
+    children: typeof content === "string" || textColor ? jsxRuntime.jsxRuntimeExports.jsx(Content.Text, {
+      color: textColor,
+      children: content
+    }) : content
+  });
+}, {
+  Compose: Compose.default,
+  Text: Text.default
+});
+exports.default = Content;

package/dist/Tooltip/components/Content/Content.d.ts

@@ -0,0 +1,6 @@
+import { TooltipContentProps } from './Content.types';
+declare const Content: (({ content, textColor, ...composeProps }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    Compose: ({ children, backgroundColor, maxWidth, placement, sideOffset, disableInteractionHelper, portal, ...restProps }: import("./components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Content;

package/dist/Tooltip/components/Content/Content.js

@@ -0,0 +1,23 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import Compose from "./components/Compose/Compose.js";
+import Text from "./components/Text/Text.js";
+const Content = Object.assign(({
+  content,
+  textColor,
+  ...composeProps
+}) => {
+  if (!content) return null;
+  return jsxRuntimeExports.jsx(Content.Compose, {
+    ...composeProps,
+    children: typeof content === "string" || textColor ? jsxRuntimeExports.jsx(Content.Text, {
+      color: textColor,
+      children: content
+    }) : content
+  });
+}, {
+  Compose,
+  Text
+});
+export {
+  Content as default
+};

package/dist/Tooltip/components/Content/Content.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Theme } from '@redislabsdev/redis-ui-styles';
+import { ComposeProps } from './components/Compose/Compose.types';
+export type TooltipContentProps = Omit<ComposeProps, 'children' | 'title' | 'content'> & {
+    content?: ReactNode;
+    textColor?: keyof Theme['semantic']['color']['text'];
+};

package/dist/Tooltip/components/Content/components/Compose/Compose.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs");
+const TooltipInfoContext = require("../../../../Context/TooltipInfoContext.cjs");
+const Compose_style = require("./Compose.style.cjs");
+const Popper_context = require("../../../../../Helpers/contexts/Popper/Popper.context.cjs");
+const Compose = ({
+  children,
+  backgroundColor,
+  maxWidth,
+  placement = "top",
+  sideOffset = 5,
+  disableInteractionHelper,
+  portal = document.body,
+  ...restProps
+}) => {
+  const popperContext = Popper_context.usePopperContext();
+  const {
+    interactive
+  } = TooltipInfoContext.useTooltipInfo();
+  const showInteractionHelper = disableInteractionHelper === true ? false : interactive;
+  const renderContent = jsxRuntime.jsxRuntimeExports.jsxs(Compose_style.Content, {
+    "$backgroundColor": backgroundColor,
+    "$maxWidth": maxWidth,
+    "$interactive": interactive,
+    sideOffset,
+    side: placement,
+    hideWhenDetached: popperContext.collisionBoundary || restProps.collisionBoundary ? true : void 0,
+    ...popperContext,
+    ...restProps,
+    children: [showInteractionHelper && jsxRuntime.jsxRuntimeExports.jsx(Compose_style.InteractionHelper, {
+      "data-testid": "redisui-interaction-helper"
+    }), jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Arrow, {}), children]
+  });
+  if (portal) {
+    return jsxRuntime.jsxRuntimeExports.jsx(index.Portal, {
+      container: portal,
+      children: renderContent
+    });
+  }
+  return renderContent;
+};
+exports.default = Compose;

package/dist/Tooltip/components/Content/components/Compose/Compose.d.ts

@@ -0,0 +1,3 @@
+import { ComposeProps } from './Compose.types';
+declare const Compose: ({ children, backgroundColor, maxWidth, placement, sideOffset, disableInteractionHelper, portal, ...restProps }: ComposeProps) => import("react/jsx-runtime").JSX.Element;
+export default Compose;

package/dist/Tooltip/components/Content/components/Compose/Compose.js

@@ -0,0 +1,44 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { Portal } from "../../../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { useTooltipInfo } from "../../../../Context/TooltipInfoContext.js";
+import { Content, InteractionHelper, Arrow } from "./Compose.style.js";
+import { usePopperContext } from "../../../../../Helpers/contexts/Popper/Popper.context.js";
+const Compose = ({
+  children,
+  backgroundColor,
+  maxWidth,
+  placement = "top",
+  sideOffset = 5,
+  disableInteractionHelper,
+  portal = document.body,
+  ...restProps
+}) => {
+  const popperContext = usePopperContext();
+  const {
+    interactive
+  } = useTooltipInfo();
+  const showInteractionHelper = disableInteractionHelper === true ? false : interactive;
+  const renderContent = jsxRuntimeExports.jsxs(Content, {
+    "$backgroundColor": backgroundColor,
+    "$maxWidth": maxWidth,
+    "$interactive": interactive,
+    sideOffset,
+    side: placement,
+    hideWhenDetached: popperContext.collisionBoundary || restProps.collisionBoundary ? true : void 0,
+    ...popperContext,
+    ...restProps,
+    children: [showInteractionHelper && jsxRuntimeExports.jsx(InteractionHelper, {
+      "data-testid": "redisui-interaction-helper"
+    }), jsxRuntimeExports.jsx(Arrow, {}), children]
+  });
+  if (portal) {
+    return jsxRuntimeExports.jsx(Portal, {
+      container: portal,
+      children: renderContent
+    });
+  }
+  return renderContent;
+};
+export {
+  Compose as default
+};

package/dist/Tooltip/components/Content/components/Compose/Compose.style.cjs

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const index = require("../../../../../node_modules/@radix-ui/react-tooltip/dist/index.cjs");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Arrow = _styled__default.default(index.Arrow).withConfig({
+  displayName: "Composestyle__Arrow",
+  componentId: "RedisUI__sc-vf7r3m-0"
+})(["&:not([fill]){fill:currentColor;}", ""], () => {
+  const theme = redisUiStyles.useTheme().components.tooltip.arrow;
+  return _styled.css`
+      width: ${theme.width};
+      height: ${theme.height};
+      filter: drop-shadow(${theme.shadow});
+    `;
+});
+const InteractionHelper = _styled__default.default.div.withConfig({
+  displayName: "Composestyle__InteractionHelper",
+  componentId: "RedisUI__sc-vf7r3m-1"
+})(["position:absolute;z-index:-1;"]);
+const Content = _styled__default.default(index.Content).withConfig({
+  displayName: "Composestyle__Content",
+  componentId: "RedisUI__sc-vf7r3m-2"
+})(["", ""], ({
+  $backgroundColor,
+  $maxWidth,
+  sideOffset = 0,
+  $interactive
+}) => {
+  const theme = redisUiStyles.useTheme();
+  const tooltipTheme = theme.components.tooltip;
+  const bgColor = $backgroundColor && theme.semantic.color.background[$backgroundColor] || tooltipTheme.bgColor;
+  const triggerOffset = `(${tooltipTheme.arrow.height} + ${sideOffset}px)`;
+  const vertOffset = `calc(-1 * (var(--radix-tooltip-trigger-height) + ${triggerOffset}))`;
+  const horzOffset = `calc(-1 * (var(--radix-tooltip-trigger-width) + ${triggerOffset}))`;
+  return _styled.css`
+      background-color: ${bgColor};
+      ${Arrow} {
+        color: ${bgColor};
+      }
+      box-shadow: ${tooltipTheme.shadow};
+      border-radius: ${tooltipTheme.borderRadius};
+      overflow: hidden;
+      min-width: ${tooltipTheme.minWidth};
+      max-width: ${$maxWidth || tooltipTheme.maxWidth};
+      z-index: ${$interactive ? theme.core.zIndex.zIndex9998 : theme.core.zIndex.zIndex9999};
+      white-space: pre-wrap;
+      padding-block: ${tooltipTheme.blockPadding};
+      padding-inline: ${tooltipTheme.inlinePadding};
+
+      // interaction helper layout
+      &[data-side='top'] ${InteractionHelper} {
+        inset: 0 0 ${vertOffset} 0;
+      }
+      &[data-side='bottom'] ${InteractionHelper} {
+        inset: ${vertOffset} 0 0 0;
+      }
+      &[data-side='left'] ${InteractionHelper} {
+        inset: 0 ${horzOffset} 0 0;
+      }
+      &[data-side='right'] ${InteractionHelper} {
+        inset: 0 0 0 ${horzOffset};
+      }
+    `;
+});
+exports.Arrow = Arrow;
+exports.Content = Content;
+exports.InteractionHelper = InteractionHelper;

package/dist/Tooltip/components/Content/components/Compose/Compose.style.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import * as Tooltip from '@radix-ui/react-tooltip';
+export declare const Arrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tooltip.TooltipArrowProps & import("react").RefAttributes<SVGSVGElement>>, any, {}, never>;
+export declare const InteractionHelper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $backgroundColor?: "transparent" | "neutral100" | "neutral200" | "neutral300" | "neutral400" | "neutral500" | "neutral600" | "neutral700" | "neutral800" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "success100" | "success200" | "success300" | "success500" | "success600" | "success700" | "success800" | "notice100" | "notice200" | "notice300" | "notice500" | "notice600" | "notice700" | "notice800" | "informative50" | "informative100" | "informative200" | "informative300" | "informative400" | "informative500" | "informative600" | "informative700" | "attention100" | "attention200" | "attention300" | "attention500" | "attention600" | "attention700" | "attention800" | "danger100" | "danger200" | "danger300" | "danger500" | "danger600" | "danger700" | "danger800" | undefined;
+    $maxWidth?: string | undefined;
+    $interactive?: boolean | undefined;
+}, never>;

package/dist/Tooltip/components/Content/components/Compose/Compose.style.js

@@ -0,0 +1,68 @@
+import _styled, { css } from "styled-components";
+import { Arrow as Arrow2, Content as Content2 } from "../../../../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+const Arrow = _styled(Arrow2).withConfig({
+  displayName: "Composestyle__Arrow",
+  componentId: "RedisUI__sc-vf7r3m-0"
+})(["&:not([fill]){fill:currentColor;}", ""], () => {
+  const theme = useTheme().components.tooltip.arrow;
+  return css`
+      width: ${theme.width};
+      height: ${theme.height};
+      filter: drop-shadow(${theme.shadow});
+    `;
+});
+const InteractionHelper = _styled.div.withConfig({
+  displayName: "Composestyle__InteractionHelper",
+  componentId: "RedisUI__sc-vf7r3m-1"
+})(["position:absolute;z-index:-1;"]);
+const Content = _styled(Content2).withConfig({
+  displayName: "Composestyle__Content",
+  componentId: "RedisUI__sc-vf7r3m-2"
+})(["", ""], ({
+  $backgroundColor,
+  $maxWidth,
+  sideOffset = 0,
+  $interactive
+}) => {
+  const theme = useTheme();
+  const tooltipTheme = theme.components.tooltip;
+  const bgColor = $backgroundColor && theme.semantic.color.background[$backgroundColor] || tooltipTheme.bgColor;
+  const triggerOffset = `(${tooltipTheme.arrow.height} + ${sideOffset}px)`;
+  const vertOffset = `calc(-1 * (var(--radix-tooltip-trigger-height) + ${triggerOffset}))`;
+  const horzOffset = `calc(-1 * (var(--radix-tooltip-trigger-width) + ${triggerOffset}))`;
+  return css`
+      background-color: ${bgColor};
+      ${Arrow} {
+        color: ${bgColor};
+      }
+      box-shadow: ${tooltipTheme.shadow};
+      border-radius: ${tooltipTheme.borderRadius};
+      overflow: hidden;
+      min-width: ${tooltipTheme.minWidth};
+      max-width: ${$maxWidth || tooltipTheme.maxWidth};
+      z-index: ${$interactive ? theme.core.zIndex.zIndex9998 : theme.core.zIndex.zIndex9999};
+      white-space: pre-wrap;
+      padding-block: ${tooltipTheme.blockPadding};
+      padding-inline: ${tooltipTheme.inlinePadding};
+
+      // interaction helper layout
+      &[data-side='top'] ${InteractionHelper} {
+        inset: 0 0 ${vertOffset} 0;
+      }
+      &[data-side='bottom'] ${InteractionHelper} {
+        inset: ${vertOffset} 0 0 0;
+      }
+      &[data-side='left'] ${InteractionHelper} {
+        inset: 0 ${horzOffset} 0 0;
+      }
+      &[data-side='right'] ${InteractionHelper} {
+        inset: 0 0 0 ${horzOffset};
+      }
+    `;
+});
+export {
+  Arrow,
+  Content,
+  InteractionHelper
+};

package/dist/Tooltip/components/Content/components/Compose/Compose.types.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '@redislabsdev/redis-ui-styles';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { ComposeElementProps } from '../../../../../Helpers/common.types';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface ComposeProps extends ComposeElementProps {
+    backgroundColor?: keyof Theme['semantic']['color']['background'];
+    placement?: TooltipPlacement;
+    sideOffset?: number;
+    maxWidth?: string;
+    alignOffset?: number;
+    align?: 'start' | 'center' | 'end';
+    disableInteractionHelper?: boolean;
+    portal?: HTMLElement | null;
+    collisionBoundary?: RadixTooltip.TooltipContentProps['collisionBoundary'];
+}

package/dist/Tooltip/components/Content/components/Text/Text.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Text_styles = require("./Text.styles.cjs");
+const Text = (props) => jsxRuntime.jsxRuntimeExports.jsx(Text_styles.Text, {
+  ...props
+});
+exports.default = Text;

package/dist/Tooltip/components/Content/components/Text/Text.d.ts

@@ -0,0 +1,3 @@
+import { BodyProps } from '../../../../../Typography/components/Body/Body.types';
+declare const Text: (props: BodyProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/dist/Tooltip/components/Content/components/Text/Text.js

@@ -0,0 +1,8 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { Text as Text$1 } from "./Text.styles.js";
+const Text = (props) => jsxRuntimeExports.jsx(Text$1, {
+  ...props
+});
+export {
+  Text as default
+};

package/dist/Tooltip/components/Content/components/Text/Text.styles.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Typography = require("../../../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Text = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Textstyles__Text",
+  componentId: "RedisUI__sc-2fcqih-0"
+})(["color:", ";"], ({
+  color
+}) => {
+  const theme = redisUiStyles.useTheme().components.tooltip;
+  return color ? void 0 : theme.textColor;
+});
+exports.Text = Text;

package/dist/Tooltip/components/Content/components/Text/Text.styles.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Tooltip/components/Content/components/Text/Text.styles.js

@@ -0,0 +1,15 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Typography from "../../../../../Typography/Typography.js";
+const Text = _styled(Typography.Body).withConfig({
+  displayName: "Textstyles__Text",
+  componentId: "RedisUI__sc-2fcqih-0"
+})(["color:", ";"], ({
+  color
+}) => {
+  const theme = useTheme().components.tooltip;
+  return color ? void 0 : theme.textColor;
+});
+export {
+  Text
+};

package/dist/Tooltip/components/TooltipCard/TooltipCard.cjs

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const TooltipHeader = require("./components/Header/TooltipHeader.cjs");
+const Body = require("../../../Popover/components/Content/components/Body/Body.cjs");
+const Footer = require("../../../Popover/components/Content/components/Footer/Footer.cjs");
+const TooltipCard = Object.assign(({
+  text,
+  title,
+  textColor,
+  actionButtonText,
+  actionButtonHandler,
+  link,
+  linkText,
+  ...composeProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsxs(TooltipCard.Compose, {
+    ...composeProps,
+    children: [jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Header, {
+      title
+    }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Body, {
+      text,
+      textColor
+    }), jsxRuntime.jsxRuntimeExports.jsx(TooltipCard.Footer, {
+      ...{
+        actionButtonText,
+        actionButtonHandler,
+        link,
+        linkText
+      }
+    })]
+  });
+}, {
+  Compose: Compose.default,
+  Header: TooltipHeader.default,
+  Body: Body.default,
+  Footer: Footer.default
+});
+const TooltipCard$1 = TooltipCard;
+exports.default = TooltipCard$1;

package/dist/Tooltip/components/TooltipCard/TooltipCard.d.ts

@@ -0,0 +1,16 @@
+import { TooltipCardProps } from './TooltipCard.types';
+declare const TooltipCard: (({ text, title, textColor, actionButtonText, actionButtonHandler, link, linkText, ...composeProps }: TooltipCardProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ children, ...restProps }: import("./components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Header: ((props: import("../../../Popover/components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: (props: import("../../../Popover/components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Title: ({ children, ...restProps }: import("../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Body: (({ text, textColor, ...restProps }: import("../../../Popover/components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: (props: import("../../../Popover/components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Text: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("../../../Popover/components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
+        Compose: (props: import("../../../Popover/components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default TooltipCard;

package/dist/Tooltip/components/TooltipCard/TooltipCard.js

@@ -0,0 +1,41 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import Compose from "./components/Compose/Compose.js";
+import TooltipHeader from "./components/Header/TooltipHeader.js";
+import Body from "../../../Popover/components/Content/components/Body/Body.js";
+import Footer from "../../../Popover/components/Content/components/Footer/Footer.js";
+const TooltipCard = Object.assign(({
+  text,
+  title,
+  textColor,
+  actionButtonText,
+  actionButtonHandler,
+  link,
+  linkText,
+  ...composeProps
+}) => {
+  return jsxRuntimeExports.jsxs(TooltipCard.Compose, {
+    ...composeProps,
+    children: [jsxRuntimeExports.jsx(TooltipCard.Header, {
+      title
+    }), jsxRuntimeExports.jsx(TooltipCard.Body, {
+      text,
+      textColor
+    }), jsxRuntimeExports.jsx(TooltipCard.Footer, {
+      ...{
+        actionButtonText,
+        actionButtonHandler,
+        link,
+        linkText
+      }
+    })]
+  });
+}, {
+  Compose,
+  Header: TooltipHeader,
+  Body,
+  Footer
+});
+const TooltipCard$1 = TooltipCard;
+export {
+  TooltipCard$1 as default
+};