@redis-ui/components 39.0.0 → 39.18.0

package/dist/Pagination/components/Compose.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../node_modules/@radix-ui/react-id/dist/index.cjs");
+const Pagination_context = require("../Pagination.context.cjs");
+const PaginationCompose = ({
+  children,
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalItemCount,
+  visibleItemCount,
+  getCanGoNextPage,
+  getCanGoPrevPage,
+  getCanSelectPage,
+  getCanSelectPageSize,
+  onPageSizeChange,
+  onPageChange,
+  onNextPage,
+  onFirstPage,
+  onPrevPage,
+  onLastPage
+}) => {
+  pageSize = Math.max(pageSize, 1);
+  pageCount = Math.max(pageCount, 0);
+  pageIndex = Math.max(0, Math.min(pageIndex, pageCount - 1));
+  const pageSizeSelectorId = index.useId();
+  const pageSelectorId = index.useId();
+  const context = {
+    pageSelectorId,
+    pageSizeSelectorId,
+    pageIndex,
+    pageSize,
+    pageCount,
+    totalItemCount,
+    visibleItemCount,
+    getCanGoNextPage: getCanGoNextPage ?? (() => pageIndex < pageCount - 1),
+    getCanGoPrevPage: getCanGoPrevPage ?? (() => pageIndex > 0),
+    getCanSelectPage: getCanSelectPage ?? (() => pageCount > 1),
+    getCanSelectPageSize: getCanSelectPageSize ?? (() => !!(totalItemCount !== 0 && onPageSizeChange)),
+    onPageSizeChange,
+    onPageChange,
+    onNextPage: onNextPage ?? (() => onPageChange(pageIndex + 1)),
+    onFirstPage: onFirstPage ?? (() => onPageChange(0)),
+    onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
+    onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
+  };
+  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_context.PaginationContextProvider, {
+    value: context,
+    children
+  });
+};
+exports.PaginationCompose = PaginationCompose;

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

@@ -0,0 +1,5 @@
+import { ComposeChildrenProps } from '../../Helpers';
+import { PaginationEvents, PaginationState, PaginationStateValidation } from '../Pagination.types';
+export interface PaginationComposeProps extends ComposeChildrenProps, PaginationEvents, PaginationStateValidation, PaginationState {
+}
+export declare const PaginationCompose: ({ children, pageIndex, pageSize, pageCount, totalItemCount, visibleItemCount, getCanGoNextPage, getCanGoPrevPage, getCanSelectPage, getCanSelectPageSize, onPageSizeChange, onPageChange, onNextPage, onFirstPage, onPrevPage, onLastPage }: PaginationComposeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/components/Compose.js

@@ -0,0 +1,53 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { useId } from "../../node_modules/@radix-ui/react-id/dist/index.js";
+import { PaginationContextProvider } from "../Pagination.context.js";
+const PaginationCompose = ({
+  children,
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalItemCount,
+  visibleItemCount,
+  getCanGoNextPage,
+  getCanGoPrevPage,
+  getCanSelectPage,
+  getCanSelectPageSize,
+  onPageSizeChange,
+  onPageChange,
+  onNextPage,
+  onFirstPage,
+  onPrevPage,
+  onLastPage
+}) => {
+  pageSize = Math.max(pageSize, 1);
+  pageCount = Math.max(pageCount, 0);
+  pageIndex = Math.max(0, Math.min(pageIndex, pageCount - 1));
+  const pageSizeSelectorId = useId();
+  const pageSelectorId = useId();
+  const context = {
+    pageSelectorId,
+    pageSizeSelectorId,
+    pageIndex,
+    pageSize,
+    pageCount,
+    totalItemCount,
+    visibleItemCount,
+    getCanGoNextPage: getCanGoNextPage ?? (() => pageIndex < pageCount - 1),
+    getCanGoPrevPage: getCanGoPrevPage ?? (() => pageIndex > 0),
+    getCanSelectPage: getCanSelectPage ?? (() => pageCount > 1),
+    getCanSelectPageSize: getCanSelectPageSize ?? (() => !!(totalItemCount !== 0 && onPageSizeChange)),
+    onPageSizeChange,
+    onPageChange,
+    onNextPage: onNextPage ?? (() => onPageChange(pageIndex + 1)),
+    onFirstPage: onFirstPage ?? (() => onPageChange(0)),
+    onPrevPage: onPrevPage ?? (() => onPageChange(pageIndex - 1)),
+    onLastPage: onLastPage ?? (() => onPageChange(pageCount - 1))
+  };
+  return jsxRuntimeExports.jsx(PaginationContextProvider, {
+    value: context,
+    children
+  });
+};
+export {
+  PaginationCompose
+};

package/dist/Pagination/components/InfoLabel.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const Pagination_context = require("../Pagination.context.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const InfoLabel = ({
+  renderer,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+  size: "auto",
+  ...restProps,
+  children: renderer(Pagination_context.usePaginationContext())
+});
+exports.InfoLabel = InfoLabel;

package/dist/Pagination/components/InfoLabel.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps, ReactNode } from 'react';
+import { ChildFree } from '../../Helpers';
+import { Typography } from '../../Typography';
+import { PaginationState } from '../Pagination.types';
+export type PaginationInfoLabelProps = {
+    renderer: (params: PaginationState) => ReactNode;
+} & ChildFree<ComponentProps<typeof Typography.Body>>;
+export declare const InfoLabel: ({ renderer, ...restProps }: PaginationInfoLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Pagination/components/InfoLabel.js

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { usePaginationContext } from "../Pagination.context.js";
+import Typography from "../../Typography/Typography.js";
+const InfoLabel = ({
+  renderer,
+  ...restProps
+}) => jsxRuntimeExports.jsx(Typography.Body, {
+  size: "auto",
+  ...restProps,
+  children: renderer(usePaginationContext())
+});
+export {
+  InfoLabel
+};

package/dist/Pagination/components/NavigationButton.cjs

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const Pagination_context = require("../Pagination.context.cjs");
+const IconButton = require("../../Button/IconButton/IconButton.cjs");
+const PrevPageButton = (props) => {
+  const {
+    getCanGoPrevPage,
+    onPrevPage
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+    onClick: onPrevPage,
+    disabled: !getCanGoPrevPage(),
+    icon: redisUiIcons.ChevronLeftIcon,
+    title: "Previous page",
+    "aria-label": "previous page",
+    ...props
+  });
+};
+const NextPageButton = (props) => {
+  const {
+    getCanGoNextPage,
+    onNextPage
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+    onClick: onNextPage,
+    disabled: !getCanGoNextPage(),
+    icon: redisUiIcons.ChevronRightIcon,
+    title: "Next page",
+    "aria-label": "next page",
+    ...props
+  });
+};
+const FirstPageButton = (props) => {
+  const {
+    getCanGoPrevPage,
+    onFirstPage
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+    onClick: onFirstPage,
+    disabled: !getCanGoPrevPage(),
+    icon: redisUiIcons.DoubleChevronLeftIcon,
+    title: "First page",
+    "aria-label": "first page",
+    ...props
+  });
+};
+const LastPageButton = (props) => {
+  const {
+    getCanGoNextPage,
+    onLastPage
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(IconButton.default, {
+    onClick: onLastPage,
+    disabled: !getCanGoNextPage(),
+    icon: redisUiIcons.DoubleChevronRightIcon,
+    title: "Last page",
+    "aria-label": "last page",
+    ...props
+  });
+};
+const buttons = {
+  prev: PrevPageButton,
+  next: NextPageButton,
+  first: FirstPageButton,
+  last: LastPageButton
+};
+const NavigationButton = ({
+  navType,
+  ...restProps
+}) => {
+  const Button = buttons[navType];
+  return jsxRuntime.jsxRuntimeExports.jsx(Button, {
+    ...restProps
+  });
+};
+exports.NavigationButton = NavigationButton;

package/dist/Pagination/components/NavigationButton.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonProps } from '../../Button';
+type ButtonProps = Partial<IconButtonProps>;
+type NavType = 'prev' | 'next' | 'first' | 'last';
+export type PaginationNavigationButtonProps = ButtonProps & {
+    navType: NavType;
+};
+export declare const NavigationButton: ({ navType, ...restProps }: PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Pagination/components/NavigationButton.js

@@ -0,0 +1,78 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { ChevronLeftIcon, ChevronRightIcon, DoubleChevronLeftIcon, DoubleChevronRightIcon } from "@redislabsdev/redis-ui-icons";
+import { usePaginationContext } from "../Pagination.context.js";
+import IconButton from "../../Button/IconButton/IconButton.js";
+const PrevPageButton = (props) => {
+  const {
+    getCanGoPrevPage,
+    onPrevPage
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(IconButton, {
+    onClick: onPrevPage,
+    disabled: !getCanGoPrevPage(),
+    icon: ChevronLeftIcon,
+    title: "Previous page",
+    "aria-label": "previous page",
+    ...props
+  });
+};
+const NextPageButton = (props) => {
+  const {
+    getCanGoNextPage,
+    onNextPage
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(IconButton, {
+    onClick: onNextPage,
+    disabled: !getCanGoNextPage(),
+    icon: ChevronRightIcon,
+    title: "Next page",
+    "aria-label": "next page",
+    ...props
+  });
+};
+const FirstPageButton = (props) => {
+  const {
+    getCanGoPrevPage,
+    onFirstPage
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(IconButton, {
+    onClick: onFirstPage,
+    disabled: !getCanGoPrevPage(),
+    icon: DoubleChevronLeftIcon,
+    title: "First page",
+    "aria-label": "first page",
+    ...props
+  });
+};
+const LastPageButton = (props) => {
+  const {
+    getCanGoNextPage,
+    onLastPage
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(IconButton, {
+    onClick: onLastPage,
+    disabled: !getCanGoNextPage(),
+    icon: DoubleChevronRightIcon,
+    title: "Last page",
+    "aria-label": "last page",
+    ...props
+  });
+};
+const buttons = {
+  prev: PrevPageButton,
+  next: NextPageButton,
+  first: FirstPageButton,
+  last: LastPageButton
+};
+const NavigationButton = ({
+  navType,
+  ...restProps
+}) => {
+  const Button = buttons[navType];
+  return jsxRuntimeExports.jsx(Button, {
+    ...restProps
+  });
+};
+export {
+  NavigationButton
+};

package/dist/Pagination/components/PageSelect.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const Pagination_context = require("../Pagination.context.cjs");
+const Pagination_style = require("../Pagination.style.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const toOption = (value) => ({
+  value
+});
+const PageSelect = ({
+  ...restProps
+}) => {
+  const {
+    pageSelectorId,
+    pageIndex,
+    pageCount,
+    onPageChange,
+    getCanSelectPage
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Select, {
+    id: pageSelectorId,
+    "aria-current": "page",
+    ...restProps,
+    value: (pageIndex + 1).toString(),
+    onChange: (value) => onPageChange(+value - 1),
+    disabled: !getCanSelectPage(),
+    options: Array.from({
+      length: pageCount
+    }, (_, i) => String(i + 1)).map(toOption)
+  });
+};
+const PageSelectLabel = ({
+  children,
+  ...restProps
+}) => {
+  const {
+    pageSelectorId
+  } = Pagination_context.usePaginationContext();
+  return jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+    component: "span",
+    size: "auto",
+    ellipsis: true,
+    ...restProps,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Label, {
+      htmlFor: pageSelectorId,
+      children
+    })
+  });
+};
+PageSelect.Label = PageSelectLabel;
+exports.PageSelect = PageSelect;

package/dist/Pagination/components/PageSelect.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../../Select';
+import { Typography } from '../../Typography';
+export type PaginationPageSelectProps = Omit<SelectProps, 'value' | 'onChange' | 'disabled' | 'options'>;
+export declare const PageSelect: {
+    ({ ...restProps }: PaginationPageSelectProps): import("react/jsx-runtime").JSX.Element;
+    Label: ({ children, ...restProps }: PageSelectLabelProps) => import("react/jsx-runtime").JSX.Element;
+};
+type PageSelectLabelProps = ComponentProps<typeof Typography.Body>;
+export {};

package/dist/Pagination/components/PageSelect.js

@@ -0,0 +1,51 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { usePaginationContext } from "../Pagination.context.js";
+import { Select, Label } from "../Pagination.style.js";
+import Typography from "../../Typography/Typography.js";
+const toOption = (value) => ({
+  value
+});
+const PageSelect = ({
+  ...restProps
+}) => {
+  const {
+    pageSelectorId,
+    pageIndex,
+    pageCount,
+    onPageChange,
+    getCanSelectPage
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(Select, {
+    id: pageSelectorId,
+    "aria-current": "page",
+    ...restProps,
+    value: (pageIndex + 1).toString(),
+    onChange: (value) => onPageChange(+value - 1),
+    disabled: !getCanSelectPage(),
+    options: Array.from({
+      length: pageCount
+    }, (_, i) => String(i + 1)).map(toOption)
+  });
+};
+const PageSelectLabel = ({
+  children,
+  ...restProps
+}) => {
+  const {
+    pageSelectorId
+  } = usePaginationContext();
+  return jsxRuntimeExports.jsx(Typography.Body, {
+    component: "span",
+    size: "auto",
+    ellipsis: true,
+    ...restProps,
+    children: jsxRuntimeExports.jsx(Label, {
+      htmlFor: pageSelectorId,
+      children
+    })
+  });
+};
+PageSelect.Label = PageSelectLabel;
+export {
+  PageSelect
+};

package/dist/Pagination/components/PageSizeSelect.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../node_modules/react/jsx-runtime.cjs");
+const Pagination_context = require("../Pagination.context.cjs");
+const Pagination_style = require("../Pagination.style.cjs");
+const Typography = require("../../Typography/Typography.cjs");
+const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
+const PageSizeSelect = ({
+  pageSizes = DEFAULT_PAGE_SIZES,
+  ...restProps
+}) => {
+  const {
+    pageSizeSelectorId,
+    pageSize,
+    onPageSizeChange,
+    getCanSelectPageSize
+  } = Pagination_context.usePaginationContext();
+  if (!onPageSizeChange) {
+    console.debug("To use PageSizeSelect you need to define onPageSizeChange");
+    return null;
+  }
+  const sizes = (pageSizes.includes(pageSize) ? pageSizes : [...pageSizes, pageSize]).sort((a, b) => a - b);
+  return jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Select, {
+    id: pageSizeSelectorId,
+    ...restProps,
+    value: pageSize.toString(),
+    onChange: (value) => onPageSizeChange(+value),
+    disabled: getCanSelectPageSize && !getCanSelectPageSize(),
+    options: sizes.map(String).map((value) => ({
+      value
+    }))
+  });
+};
+const PageSizeSelectLabel = ({
+  children,
+  ...restProps
+}) => {
+  const {
+    pageSizeSelectorId,
+    onPageSizeChange
+  } = Pagination_context.usePaginationContext();
+  if (!onPageSizeChange) return null;
+  return jsxRuntime.jsxRuntimeExports.jsx(Typography.default.Body, {
+    component: "span",
+    size: "auto",
+    ellipsis: true,
+    ...restProps,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Pagination_style.Label, {
+      htmlFor: pageSizeSelectorId,
+      children
+    })
+  });
+};
+PageSizeSelect.Label = PageSizeSelectLabel;
+exports.PageSizeSelect = PageSizeSelect;

package/dist/Pagination/components/PageSizeSelect.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../../Select';
+import { Typography } from '../../Typography';
+export type PaginationPageSizeSelectProps = {
+    pageSizes?: number[];
+} & Omit<SelectProps, 'value' | 'onChange' | 'disabled' | 'options'>;
+export declare const PageSizeSelect: {
+    ({ pageSizes, ...restProps }: PaginationPageSizeSelectProps): import("react/jsx-runtime").JSX.Element | null;
+    Label: ({ children, ...restProps }: PageSizeSelectLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+type PageSizeSelectLabelProps = ComponentProps<typeof Typography.Body>;
+export {};

package/dist/Pagination/components/PageSizeSelect.js

@@ -0,0 +1,55 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+import { usePaginationContext } from "../Pagination.context.js";
+import { Select, Label } from "../Pagination.style.js";
+import Typography from "../../Typography/Typography.js";
+const DEFAULT_PAGE_SIZES = [10, 25, 50, 100];
+const PageSizeSelect = ({
+  pageSizes = DEFAULT_PAGE_SIZES,
+  ...restProps
+}) => {
+  const {
+    pageSizeSelectorId,
+    pageSize,
+    onPageSizeChange,
+    getCanSelectPageSize
+  } = usePaginationContext();
+  if (!onPageSizeChange) {
+    console.debug("To use PageSizeSelect you need to define onPageSizeChange");
+    return null;
+  }
+  const sizes = (pageSizes.includes(pageSize) ? pageSizes : [...pageSizes, pageSize]).sort((a, b) => a - b);
+  return jsxRuntimeExports.jsx(Select, {
+    id: pageSizeSelectorId,
+    ...restProps,
+    value: pageSize.toString(),
+    onChange: (value) => onPageSizeChange(+value),
+    disabled: getCanSelectPageSize && !getCanSelectPageSize(),
+    options: sizes.map(String).map((value) => ({
+      value
+    }))
+  });
+};
+const PageSizeSelectLabel = ({
+  children,
+  ...restProps
+}) => {
+  const {
+    pageSizeSelectorId,
+    onPageSizeChange
+  } = usePaginationContext();
+  if (!onPageSizeChange) return null;
+  return jsxRuntimeExports.jsx(Typography.Body, {
+    component: "span",
+    size: "auto",
+    ellipsis: true,
+    ...restProps,
+    children: jsxRuntimeExports.jsx(Label, {
+      htmlFor: pageSizeSelectorId,
+      children
+    })
+  });
+};
+PageSizeSelect.Label = PageSizeSelectLabel;
+export {
+  PageSizeSelect
+};

package/dist/Pagination/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Pagination';
+export * from './Pagination.types';
+export { usePaginationContext } from './Pagination.context';
+export type { PaginationInfoLabelProps } from './components/InfoLabel';
+export type { PaginationPageSelectProps } from './components/PageSelect';
+export type { PaginationPageSizeSelectProps } from './components/PageSizeSelect';
+export type { PaginationNavigationButtonProps } from './components/NavigationButton';

package/dist/Popover/Popover.d.ts

@@ -5,15 +5,15 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
     Trigger: ({ withButton, ...restProps }: import("./components/Trigger/Trigger.types").PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Content: (({ title, text, actionButtonText, actionButtonHandler, link, linkText, windowBar, content, ...contentOptions }: import("./components/Content/Content.types").PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
         Compose: ({ children, backgroundColor, placement, sideOffset, onClickOutside, persistent, align, maxWidth, portal, ...restProps }: import("./components/Content/components/Compose/Compose.types").PopoverContentComposeProps) => import("react/jsx-runtime").JSX.Element;
-        Text: (props: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        Text: (props: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
         Header: (({ title, hideCloseButton, ...restProps }: import("./components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./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;
+            Title: ({ children, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
         };
         Body: (({ text, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./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;
+            Text: (props: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         };
         Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("./components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
             Compose: (props: import("./components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
@@ -22,7 +22,7 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
             Compose: (props: import("./components/Content/components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
             Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
             Icon: ({ icon, variant, ...props }: import("../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-            Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+            Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
             Header: import("react").FC<import("./components/Content/components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
         };
     };
@@ -30,11 +30,11 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
         Compose: (props: import("./components/PopoverCard/components/Compose/Compose.types").ComposeProps) => import("react/jsx-runtime").JSX.Element;
         Header: (({ title, hideCloseButton, ...restProps }: import("./components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./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;
+            Title: ({ children, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
         };
         Body: (({ text, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
             Compose: (props: import("./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;
+            Text: (props: import("..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
         };
         Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("./components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
             Compose: (props: import("./components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
@@ -43,7 +43,7 @@ declare const Popover: (({ children, defaultOpen, visible, onVisibilityChange, o
             Compose: (props: import("./components/Content/components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
             Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
             Icon: ({ icon, variant, ...props }: import("../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-            Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+            Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
             Header: import("react").FC<import("./components/Content/components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
         };
         Close: ({ children, icon, ...buttonProps }: import("./components/Content/components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,17 +2,17 @@
 import { PopoverContentProps } from './Content.types';
 declare const Content: (({ title, text, actionButtonText, actionButtonHandler, link, linkText, windowBar, content, ...contentOptions }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element | null) & {
     Compose: ({ children, backgroundColor, placement, sideOffset, onClickOutside, persistent, align, maxWidth, portal, ...restProps }: import("./components/Compose/Compose.types").PopoverContentComposeProps) => import("react/jsx-runtime").JSX.Element;
-    Text: (props: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Text: (props: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     Close: ({ children, icon, ...buttonProps }: import("./components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
     /** @deprecated use Popover.Card instead */
     Header: (({ title, hideCloseButton, ...restProps }: import("./components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./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;
+        Title: ({ children, ...restProps }: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
     };
     /** @deprecated use Popover.Card instead */
     Body: (({ text, ...restProps }: import("./components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
         Compose: (props: import("./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;
+        Text: (props: import("../../..").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
     };
     /** @deprecated use Popover.Card instead */
     Footer: (({ actionButtonText, actionButtonHandler, link, linkText, ...restProps }: import("./components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element | null) & {
@@ -23,7 +23,7 @@ declare const Content: (({ title, text, actionButtonText, actionButtonHandler, l
         Compose: (props: import("./components/WindowBar/components/Compose/Compose.types").WindowBarComposeProps) => import("react/jsx-runtime").JSX.Element;
         Close: ({ children, icon, ...buttonProps }: import("./components/Close/Close.types").PopoverCloseProps) => import("react/jsx-runtime").JSX.Element;
         Icon: ({ icon, variant, ...props }: import("../../../Badge/BadgeIcon").BadgeIconProps) => import("react/jsx-runtime").JSX.Element;
-        Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, ...restProps }: import("../../../Typography/components/Heading/Heading.types").HeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
+        Heading: import("styled-components").StyledComponent<({ size, ellipsis, color, variant, component, ...restProps }: import("../../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         Header: import("react").FC<import("./components/WindowBar/components/Header/Header.types").WindowBarHeaderProps>;
     };
 };