reshaped 3.4.2 → 3.4.4

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;

package/dist/components/Pagination/PaginationUncontrolled.js

@@ -11,4 +11,5 @@ const PaginationUncontrolled = (props) => {
     };
     return _jsx(PaginationControlled, { ...controlledProps, onChange: handleChange, page: page });
 };
+PaginationUncontrolled.displayName = "PaginationUncontrolled";
 export default PaginationUncontrolled;

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

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

package/dist/components/Pagination/tests/Pagination.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("./..").PaginationProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").PaginationProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/PinField/PinField.d.ts

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

package/dist/components/PinField/PinField.js

@@ -7,4 +7,5 @@ const PinField = (props) => {
         return _jsx(PinFieldControlled, { ...props });
     return _jsx(PinFieldUncontrolled, { ...props });
 };
+PinField.displayName = "PinField";
 export default PinField;

package/dist/components/PinField/PinFieldControlled.d.ts

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

package/dist/components/PinField/PinFieldControlled.js

@@ -156,4 +156,5 @@ const PinFieldControlled = (props) => {
     }
     return (_jsxs(View, { gap: 2, direction: "row", className: [s.root, className], attributes: attributes, children: [nodes, _jsx("input", { ...inputAttributes, ...formControl.attributes, type: "text", className: s.input, onFocus: handleFocus, onBlur: handleBlur, onPaste: handlePaste, onInput: handleInput, value: value, name: name, maxLength: valueLength, ref: inputRef, autoComplete: inputAttributes?.autoComplete || "one-time-code", inputMode: pattern === "numeric" ? "numeric" : undefined, pattern: `${patternRegexp}{${valueLength}}` })] }));
 };
+PinFieldControlled.displayName = "PinFieldControlled";
 export default PinFieldControlled;

package/dist/components/PinField/PinFieldUncontrolled.d.ts

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

package/dist/components/PinField/PinFieldUncontrolled.js

@@ -11,4 +11,5 @@ const PinFieldUncontrolled = (props) => {
     };
     return _jsx(PinFieldControlled, { ...controlledProps, value: value, onChange: handleChange });
 };
+PinFieldUncontrolled.displayName = "PinFieldUncontrolled";
 export default PinFieldUncontrolled;

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

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

package/dist/components/PinField/tests/PinField.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("./..").PinFieldProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").PinFieldProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

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

@@ -2,8 +2,18 @@ import { type DismissibleProps } from "../Dismissible";
 import type * as T from "./Popover.types";
 declare const Popover: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Dismissible: (props: DismissibleProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: import("../_private/Flyout").FlyoutTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("../_private/Flyout").FlyoutContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    Dismissible: {
+        (props: DismissibleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: import("../_private/Flyout").FlyoutTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        (props: import("../_private/Flyout").FlyoutContentProps): import("react/jsx-runtime").JSX.Element | null;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Popover;

package/dist/components/Popover/Popover.js

@@ -19,4 +19,6 @@ const PopoverDismissible = (props) => {
 Popover.Dismissible = PopoverDismissible;
 Popover.Trigger = Flyout.Trigger;
 Popover.Content = Flyout.Content;
+Popover.displayName = "Popover";
+PopoverDismissible.displayName = "Popover.Dismissible";
 export default Popover;

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

@@ -2,9 +2,19 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").PopoverProps): import("react").JSX.Element;
-        Dismissible: (props: import("../../Dismissible").DismissibleProps) => import("react").JSX.Element;
-        Trigger: (props: import("../../_private/Flyout").FlyoutTriggerProps) => import("react").JSX.Element;
-        Content: (props: import("../../_private/Flyout").FlyoutContentProps) => import("react").JSX.Element | null;
+        Dismissible: {
+            (props: import("../../Dismissible").DismissibleProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Trigger: {
+            (props: import("../../_private/Flyout").FlyoutTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Content: {
+            (props: import("../../_private/Flyout").FlyoutContentProps): import("react").JSX.Element | null;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -4,9 +4,19 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").PopoverProps): import("react").JSX.Element;
-        Dismissible: (props: import("../../Dismissible").DismissibleProps) => import("react").JSX.Element;
-        Trigger: (props: import("../../_private/Flyout").FlyoutTriggerProps) => import("react").JSX.Element;
-        Content: (props: import("../../_private/Flyout").FlyoutContentProps) => import("react").JSX.Element | null;
+        Dismissible: {
+            (props: import("../../Dismissible").DismissibleProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Trigger: {
+            (props: import("../../_private/Flyout").FlyoutTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Content: {
+            (props: import("../../_private/Flyout").FlyoutContentProps): import("react").JSX.Element | null;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Progress/Progress.d.ts

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

package/dist/components/Progress/Progress.js

@@ -14,4 +14,5 @@ const Progress = (props) => {
                 "--rs-progress-duration": duration ? `${duration}ms` : undefined,
             } }) }));
 };
+Progress.displayName = "Progress";
 export default Progress;

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

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

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

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

package/dist/components/ProgressIndicator/ProgressIndicator.d.ts

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

package/dist/components/ProgressIndicator/ProgressIndicator.js

@@ -98,4 +98,5 @@ const ProgressIndicator = (props) => {
     };
     return (_jsx("div", { ...attributes, className: rootClassName, children: _jsx("div", { ...barAttributes, className: s.container, onTransitionEnd: handleTransitionEnd, children: renderItems() }) }));
 };
+ProgressIndicator.displayName = "ProgressIndicator";
 export default ProgressIndicator;

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

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

package/dist/components/Radio/Radio.d.ts

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

package/dist/components/Radio/Radio.js

@@ -27,4 +27,5 @@ const Radio = (props) => {
     };
     return (_jsxs("label", { ...attributes, className: rootClassName, children: [_jsxs("span", { className: s.field, children: [_jsx(HiddenInput, { className: s.input, type: "radio", checked: checked, defaultChecked: defaultChecked, name: name, disabled: disabled, value: value, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, attributes: inputAttributes }), _jsx("div", { className: s.decorator })] }), children && _jsx("span", { className: s.text, children: children })] }));
 };
+Radio.displayName = "Radio";
 export default Radio;

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

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

package/dist/components/Radio/tests/Radio.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("./..").RadioProps) => import("react").JSX.Element;
+    component: {
+        (props: import("./..").RadioProps): import("react").JSX.Element;
+        displayName: string;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/RadioGroup/RadioGroup.d.ts

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

package/dist/components/RadioGroup/RadioGroup.js

@@ -7,4 +7,5 @@ const RadioGroup = (props) => {
         return _jsx(RadioGroupControlled, { ...props });
     return _jsx(RadioGroupUncontrolled, { ...props });
 };
+RadioGroup.displayName = "RadioGroup";
 export default RadioGroup;

package/dist/components/RadioGroup/RadioGroupControlled.d.ts

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

package/dist/components/RadioGroup/RadioGroupControlled.js

@@ -11,4 +11,5 @@ const RadioGroupControlled = (props) => {
     };
     return (_jsx(Context.Provider, { value: { onChange: handleChange, disabled, value, name, hasError }, children: children }));
 };
+RadioGroupControlled.displayName = "RadioGroupControlled";
 export default RadioGroupControlled;

package/dist/components/RadioGroup/RadioGroupUncontrolled.d.ts

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

package/dist/components/RadioGroup/RadioGroupUncontrolled.js

@@ -14,4 +14,5 @@ const RadioGroupUncontrolled = (props) => {
     };
     return (_jsx(RadioGroupControlled, { ...props, value: value, defaultValue: undefined, onChange: handleChange }));
 };
+RadioGroupUncontrolled.displayName = "RadioGroupUncontrolled";
 export default RadioGroupUncontrolled;