reshaped 3.4.1 → 3.4.3

package/dist/components/Grid/Grid.js

@@ -4,7 +4,10 @@ import getAlignStyles from "../../styles/align/index.js";
 import getJustifyStyles from "../../styles/justify/index.js";
 import s from "./Grid.module.css";
 const GridItem = (props) => {
-    const { area, colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, children, className, as: TagName = "div", attributes, } = props;
+    const { area, colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, children, className, 
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    as: TagName = "div", attributes, } = props;
     const itemClassNames = classNames(s.item, className);
     const resolvedColSpan = responsivePropDependency(colSpan, (value) => value && `span ${value}`);
     const resolvedRowSpan = responsivePropDependency(rowSpan, (value) => value && `span ${value}`);
@@ -22,7 +25,10 @@ const GridItem = (props) => {
     return (_jsx(TagName, { ...attributes, className: itemClassNames, style: rootVariables, children: children }));
 };
 const Grid = (props) => {
-    const { areas, columns, rows, gap, align, justify, autoColumns, autoRows, autoFlow, children, className, as: TagName = "div", attributes, } = props;
+    const { areas, columns, rows, gap, align, justify, autoColumns, autoRows, autoFlow, children, className, 
+    // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    as: TagName = "div", attributes, } = props;
     const alignStyles = getAlignStyles(align);
     const justifyStyles = getJustifyStyles(justify);
     const resolvedRows = responsivePropDependency(rows, (value) => typeof value === "number" ? `repeat(${value}, 1fr)` : value);
@@ -47,4 +53,6 @@ const Grid = (props) => {
     return (_jsx(TagName, { ...attributes, className: rootClassNames, style: rootVariables, children: children }));
 };
 Grid.Item = GridItem;
+Grid.displayName = "Grid";
+GridItem.displayName = "Grid.Item";
 export default Grid;

package/dist/components/Grid/tests/Grid.stories.d.ts

@@ -2,7 +2,11 @@ declare const _default: {
     title: string;
     component: {
         <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridProps<As>): import("react").JSX.Element;
-        Item: <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridItemProps<As>) => import("react").JSX.Element;
+        Item: {
+            <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridItemProps<As>): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Grid/tests/Grid.stories.js

@@ -2,7 +2,7 @@ import { Example } from "../../../utilities/storybook/index.js";
 import Grid from "../index.js";
 import View from "../../View/index.js";
 export default {
-    title: "Utilities/Grid",
+    title: "Utility components/Grid",
     component: Grid,
     parameters: {
         iframe: {

package/dist/components/Grid/tests/Grid.test.stories.d.ts

@@ -3,7 +3,11 @@ declare const _default: {
     title: string;
     component: {
         <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridProps<As>): import("react").JSX.Element;
-        Item: <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridItemProps<As>) => import("react").JSX.Element;
+        Item: {
+            <As extends keyof React.JSX.IntrinsicElements = "div">(props: import("./..").GridItemProps<As>): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Grid/tests/Grid.test.stories.js

@@ -1,7 +1,7 @@
 import { expect } from "@storybook/test";
 import Grid from "../index.js";
 export default {
-    title: "Utilities/Grid/tests",
+    title: "Utility components/Grid/tests",
     component: Grid,
     parameters: {
         iframe: {

package/dist/components/Hidden/Hidden.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Hidden.types";
-declare const Hidden: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Hidden: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Hidden;

package/dist/components/Hidden/Hidden.js

@@ -6,4 +6,5 @@ const Hidden = (props) => {
     const rootClassNames = classNames(s.root, ...responsiveClassNames(s, "--hidden", hide), visibility && s["--visibility"]);
     return _jsx(TagName, { className: rootClassNames, children: children });
 };
+Hidden.displayName = "Hidden";
 export default Hidden;

package/dist/components/Hidden/tests/Hidden.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("./..").HiddenProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").HiddenProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Hidden/tests/Hidden.stories.js

@@ -1,7 +1,7 @@
 import { Example } from "../../../utilities/storybook/index.js";
 import Hidden from "../index.js";
 export default {
-    title: "Utilities/Hidden",
+    title: "Utility components/Hidden",
     component: Hidden,
     parameters: {
         iframe: {

package/dist/components/Hidden/tests/Hidden.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").HiddenProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").HiddenProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Hidden/tests/Hidden.test.stories.js

@@ -1,7 +1,7 @@
 import { expect } from "@storybook/test";
 import Hidden from "../index.js";
 export default {
-    title: "Utilities/Hidden/tests",
+    title: "Utility components/Hidden/tests",
     component: Hidden,
     parameters: {
         iframe: {

package/dist/components/HiddenVisually/HiddenVisually.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./HiddenVisually.types";
-declare const HiddenVisually: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const HiddenVisually: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default HiddenVisually;

package/dist/components/HiddenVisually/HiddenVisually.js

@@ -4,4 +4,5 @@ const HiddenVisually = (props) => {
     const { children } = props;
     return _jsx("div", { className: s.root, children: children });
 };
+HiddenVisually.displayName = "HiddenVisually";
 export default HiddenVisually;

package/dist/components/HiddenVisually/tests/HiddenVisually.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("./..").HiddenVisuallyProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").HiddenVisuallyProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/HiddenVisually/tests/HiddenVisually.stories.js

@@ -1,7 +1,7 @@
 import { Example } from "../../../utilities/storybook/index.js";
 import HiddenVisually from "../index.js";
 export default {
-    title: "Utilities/HiddenVisually",
+    title: "Utility components/HiddenVisually",
     component: HiddenVisually,
     parameters: {
         iframe: {

package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").HiddenVisuallyProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").HiddenVisuallyProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.js

@@ -1,7 +1,7 @@
 import { expect } from "@storybook/test";
 import HiddenVisually from "../index.js";
 export default {
-    title: "Utilities/HiddenVisually/tests",
+    title: "Utility components/HiddenVisually/tests",
     component: HiddenVisually,
     parameters: {
         iframe: {

package/dist/components/Hotkey/Hotkey.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Hotkey.types";
-declare const Hotkey: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Hotkey: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Hotkey;

package/dist/components/Hotkey/Hotkey.js

@@ -7,4 +7,5 @@ const Hotkey = (props) => {
     const rootClassNames = classNames(s.root, active && s["--active"], className);
     return (_jsx(Text, { as: "kbd", variant: "caption-1", weight: "medium", color: "neutral-faded", className: rootClassNames, attributes: attributes, children: children }));
 };
+Hotkey.displayName = "Hotkey";
 export default Hotkey;

package/dist/components/Hotkey/tests/Hotkey.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("..").HotkeyProps) => import("react").JSX.Element;
+    component: {
+        (props: import("..").HotkeyProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Hotkey/tests/Hotkey.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("..").HotkeyProps) => import("react").JSX.Element;
+    component: {
+        (props: import("..").HotkeyProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Icon/Icon.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Icon.types";
-declare const Icon: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Icon: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Icon;

package/dist/components/Icon/Icon.js

@@ -7,12 +7,11 @@ const Icon = (props) => {
     const { svg: Component, className, color, size = "1em", autoWidth, attributes } = props;
     const heightStyles = getHeightStyles(size);
     const rootClassName = classNames(s.root, className, heightStyles?.classNames, color && s[`--color-${color}`], autoWidth && s["--auto"]);
-    const icon = React.isValidElement(Component) ? (Component) : (
-    // @ts-ignore
-    _jsx(Component, {}));
+    const icon = React.isValidElement(Component) ? Component : _jsx(Component, {});
     const style = { ...attributes?.style, ...heightStyles?.variables };
     return (
     // All icons are decorative, a11y attributes should be set for buttons wrapping them
     _jsx("span", { ...attributes, "aria-hidden": "true", className: rootClassName, style: style, children: React.cloneElement(icon, { focusable: false }) }));
 };
+Icon.displayName = "Icon";
 export default Icon;

package/dist/components/Icon/tests/Icon.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("./..").IconProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").IconProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Icon/tests/Icon.stories.js

@@ -5,7 +5,7 @@ import Text from "../../Text/index.js";
 import IconZap from "../../../icons/Zap.js";
 import IconMic from "../../../icons/Mic.js";
 export default {
-    title: "Utilities/Icon",
+    title: "Utility components/Icon",
     component: Icon,
     parameters: {
         iframe: {

package/dist/components/Icon/tests/Icon.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").IconProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").IconProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Icon/tests/Icon.test.stories.js

@@ -2,7 +2,7 @@ import { expect } from "@storybook/test";
 import Icon from "../index.js";
 import IconZap from "../../../icons/Zap.js";
 export default {
-    title: "Utilities/Icon/tests",
+    title: "Utility components/Icon/tests",
     component: Icon,
     parameters: {
         iframe: {

package/dist/components/Image/Image.d.ts

@@ -1,3 +1,6 @@
 import * as T from "./Image.types";
-declare const Image: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Image: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Image;

package/dist/components/Image/Image.js

@@ -40,4 +40,5 @@ const Image = (props) => {
     }
     return (_jsx("img", { ...attributes, ...imageAttributes, src: src, alt: alt, role: alt ? undefined : "presentation", onLoad: handleLoad, onError: handleError, className: imgClassNames, style: style }));
 };
+Image.displayName = "Image";
 export default Image;

package/dist/components/Image/tests/Image.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("..").ImageProps) => import("react").JSX.Element;
+    component: {
+        (props: import("..").ImageProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Image/tests/Image.stories.js

@@ -4,7 +4,7 @@ import Icon from "../../Icon/index.js";
 import IconZap from "../../../icons/Zap.js";
 import Image from "../Image.js";
 export default {
-    title: "Utilities/Image",
+    title: "Utility components/Image",
     component: Image,
     parameters: {
         iframe: {

package/dist/components/Image/tests/Image.test.stories.d.ts

@@ -2,7 +2,10 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: (props: import("./..").ImageProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").ImageProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Image/tests/Image.test.stories.js

@@ -1,7 +1,7 @@
 import { expect, fn, waitFor } from "@storybook/test";
 import Image from "../index.js";
 export default {
-    title: "Utilities/Image/tests",
+    title: "Utility components/Image/tests",
     component: Image,
     parameters: {
         iframe: {

package/dist/components/Link/Link.js

@@ -9,4 +9,5 @@ const Link = forwardRef((props, ref) => {
     const rootClassNames = classNames(s.root, className, disabled && s["--disabled"], variant && s[`--variant-${variant}`], color && s[`--color-${color}`], icon && s["--with-icon"]);
     return (_jsxs(Actionable, { href: href, disabled: disabled, className: rootClassNames, attributes: attributes, type: type, onClick: onClick, ref: ref, stopPropagation: stopPropagation, children: [icon && _jsx(Icon, { svg: icon }), children] }));
 });
+Link.displayName = "Link";
 export default Link;

package/dist/components/Loader/Loader.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Loader.types";
-declare const Loader: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Loader: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Loader;

package/dist/components/Loader/Loader.js

@@ -7,4 +7,5 @@ const Loader = (props) => {
     const rootClassNames = classNames(s.root, className, responsiveClassNames(s, "--size", size), color && s[`--color-${color}`]);
     return (_jsx("span", { ...attributes, role: "progressbar", "aria-live": ariaLabel ? "assertive" : undefined, "aria-label": ariaLabel, className: rootClassNames, children: _jsx("span", { className: s.inner }) }));
 };
+Loader.displayName = "Loader";
 export default Loader;

package/dist/components/Loader/tests/Loader.stories.d.ts

@@ -1,6 +1,9 @@
 declare const _default: {
     title: string;
-    component: (props: import("./..").LoaderProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").LoaderProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Loader/tests/Loader.test.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").LoaderProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").LoaderProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/MenuItem/MenuItem.js

@@ -14,4 +14,5 @@ const MenuItem = forwardRef((props, ref) => {
     return (_jsx(Actionable, { disabled: disabled, className: rootClassNames, attributes: { ...attributes, "data-rs-aligner-target": true }, onClick: onClick, href: href, ref: ref, as: as, stopPropagation: stopPropagation, children: _jsxs(View, { direction: "row", gap: gapSize, align: "center", children: [icon && _jsx(Icon, { svg: icon, className: s.icon, size: iconSize }), !icon && startSlot, children && (_jsx(View.Item, { grow: true, className: s.content, children: children })), endSlot] }) }));
 });
 MenuItem.Aligner = MenuItemAligner;
+MenuItem.displayName = "MenuItem";
 export default MenuItem;

package/dist/components/MenuItem/MenuItemAligner.d.ts

@@ -1,3 +1,6 @@
 import { type AlignerProps } from "../_private/Aligner";
-declare const MenuItemAligner: (props: AlignerProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItemAligner: {
+    (props: AlignerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default MenuItemAligner;

package/dist/components/MenuItem/MenuItemAligner.js

@@ -4,4 +4,5 @@ import s from "./MenuItem.module.css";
 const MenuItemAligner = (props) => {
     return (_jsx(Aligner, { ...props, side: props.side || "inline", className: [s.aligner, props.className] }));
 };
+MenuItemAligner.displayName = "MenuItem.Aligner";
 export default MenuItemAligner;

package/dist/components/Modal/Modal.d.ts

@@ -1,7 +1,14 @@
 import type * as T from "./Modal.types";
 declare const Modal: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Title: (props: T.TitleProps) => import("react/jsx-runtime").JSX.Element;
-    Subtitle: (props: T.SubtitleProps) => import("react/jsx-runtime").JSX.Element;
+    Title: {
+        (props: T.TitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Subtitle: {
+        (props: T.SubtitleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Modal;

package/dist/components/Modal/Modal.js

@@ -183,4 +183,7 @@ const Modal = (props) => {
 };
 Modal.Title = ModalTitle;
 Modal.Subtitle = ModalSubtitle;
+Modal.displayName = "Modal";
+ModalTitle.displayName = "Modal.Title";
+ModalSubtitle.displayName = "Modal.Subtitle";
 export default Modal;

package/dist/components/Modal/tests/Modal.stories.d.ts

@@ -4,8 +4,15 @@ declare const _default: {
     title: string;
     component: {
         (props: ModalProps): React.JSX.Element;
-        Title: (props: import("../Modal.types").TitleProps) => React.JSX.Element;
-        Subtitle: (props: import("../Modal.types").SubtitleProps) => React.JSX.Element;
+        Title: {
+            (props: import("../Modal.types").TitleProps): React.JSX.Element;
+            displayName: string;
+        };
+        Subtitle: {
+            (props: import("../Modal.types").SubtitleProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Modal/tests/Modal.test.stories.d.ts

@@ -5,8 +5,15 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").ModalProps): React.JSX.Element;
-        Title: (props: import("../Modal.types").TitleProps) => React.JSX.Element;
-        Subtitle: (props: import("../Modal.types").SubtitleProps) => React.JSX.Element;
+        Title: {
+            (props: import("../Modal.types").TitleProps): React.JSX.Element;
+            displayName: string;
+        };
+        Subtitle: {
+            (props: import("../Modal.types").SubtitleProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Overlay/Overlay.d.ts

@@ -1,3 +1,6 @@
 import type * as T from "./Overlay.types";
-declare const Overlay: (props: T.Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const Overlay: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
 export default Overlay;

package/dist/components/Overlay/Overlay.js

@@ -126,4 +126,5 @@ const Overlay = (props) => {
                     "--rs-overlay-offset-y": containerRef ? `${offset[1]}px` : undefined,
                 }, role: "button", tabIndex: -1, className: rootClassNames, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onTransitionEnd: handleTransitionEnd, children: _jsx("div", { className: s.wrapper, children: _jsx("div", { className: s.inner, children: _jsx("div", { className: s.content, ref: contentRef, children: typeof children === "function" ? children({ active: visible }) : children }) }) }) })) }) }));
 };
+Overlay.displayName = "Overlay";
 export default Overlay;

package/dist/components/Overlay/tests/Overlay.stories.d.ts

@@ -1,7 +1,10 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: (props: import("./..").OverlayProps) => import("react").JSX.Element | null;
+    component: {
+        (props: import("./..").OverlayProps): import("react").JSX.Element | null;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Overlay/tests/Overlay.stories.js

@@ -4,7 +4,7 @@ import Overlay from "../index.js";
 import Button from "../../Button/index.js";
 import useToggle from "../../../hooks/useToggle.js";
 export default {
-    title: "Utilities/Overlay",
+    title: "Utility components/Overlay",
     component: Overlay,
     parameters: {
         iframe: {

package/dist/components/Overlay/tests/Overlay.test.stories.d.ts

@@ -3,7 +3,10 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: (props: import("./..").OverlayProps) => React.JSX.Element | null;
+    component: {
+        (props: import("./..").OverlayProps): React.JSX.Element | null;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Overlay/tests/Overlay.test.stories.js

@@ -5,7 +5,7 @@ import Overlay from "../index.js";
 import useToggle from "../../../hooks/useToggle.js";
 import { sleep } from "../../../utilities/helpers.js";
 export default {
-    title: "Utilities/Overlay/tests",
+    title: "Utility components/Overlay/tests",
     component: Overlay,
     parameters: {
         iframe: {

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

@@ -1,3 +1,6 @@
 import * as T from "./Pagination.types";
-declare const Pagination: (props: T.Props) => import("react/jsx-runtime").JSX.Element;
+declare const Pagination: {
+    (props: T.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default Pagination;

package/dist/components/Pagination/Pagination.js

@@ -7,4 +7,5 @@ const Pagination = (props) => {
         return _jsx(PaginationControlled, { ...props });
     return _jsx(PaginationUncontrolled, { ...props });
 };
+Pagination.displayName = "Pagination";
 export default Pagination;

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

@@ -1,3 +1,6 @@
 import type * as T from "./Pagination.types";
-declare const PaginationControlled: (props: T.ControlledProps) => import("react/jsx-runtime").JSX.Element;
+declare const PaginationControlled: {
+    (props: T.ControlledProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default PaginationControlled;

package/dist/components/Pagination/PaginationControlled.js

@@ -46,4 +46,5 @@ const PaginationControlled = (props) => {
                     }, className: s.page, children: page }, index));
             }), _jsx(Button, { variant: "ghost", size: "small", className: s.page, icon: IconChevronRight, onClick: () => changePage(selectedPage + 1), disabled: selectedPage === total, attributes: { "aria-label": nextAriaLabel } })] }));
 };
+PaginationControlled.displayName = "PaginationControlled";
 export default PaginationControlled;

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

@@ -1,3 +1,6 @@
 import * as T from "./Pagination.types";
-declare const PaginationUncontrolled: (props: T.UncontrolledProps) => import("react/jsx-runtime").JSX.Element;
+declare const PaginationUncontrolled: {
+    (props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default PaginationUncontrolled;