reshaped 3.5.0-rc.0 → 3.5.1-canary.0

package/dist/components/Accordion/Accordion.d.ts

@@ -1,14 +1,8 @@
+import AccordionTrigger from "./AccordionTrigger";
+import AccordionContent from "./AccordionContent";
 import * as T from "./Accordion.types";
-declare const Accordion: {
-    (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Trigger: {
-        (props: T.TriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        (props: T.ContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    displayName: string;
+declare const Accordion: React.FC<T.Props> & {
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
 };
 export default Accordion;

package/dist/components/Accordion/AccordionContent.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./Accordion.types";
-declare const AccordionContent: {
-    (props: T.ContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const AccordionContent: React.FC<T.ContentProps>;
 export default AccordionContent;

package/dist/components/Accordion/AccordionControlled.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import * as T from "./Accordion.types";
-declare const AccordionControlled: {
-    (props: T.ControlledProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const AccordionControlled: React.FC<T.ControlledProps>;
 export default AccordionControlled;

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import * as T from "./Accordion.types";
-declare const AccordionTrigger: {
-    (props: T.TriggerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const AccordionTrigger: React.FC<T.TriggerProps>;
 export default AccordionTrigger;

package/dist/components/Accordion/AccordionUncontrolled.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import * as T from "./Accordion.types";
-declare const AccordionUncontrolled: {
-    (props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const AccordionUncontrolled: React.FC<T.UncontrolledProps>;
 export default AccordionUncontrolled;

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

@@ -2,17 +2,9 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: {
-        (props: import("./..").AccordionProps): import("react").JSX.Element;
-        Trigger: {
-            (props: import("../Accordion.types").TriggerProps): import("react").JSX.Element;
-            displayName: string;
-        };
-        Content: {
-            (props: import("../Accordion.types").ContentProps): import("react").JSX.Element;
-            displayName: string;
-        };
-        displayName: string;
+    component: import("react").FC<import("./..").AccordionProps> & {
+        Trigger: import("react").FC<import("../Accordion.types").TriggerProps>;
+        Content: import("react").FC<import("../Accordion.types").ContentProps>;
     };
     parameters: {
         iframe: {

package/dist/components/ActionBar/ActionBar.d.ts

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

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

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

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

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

package/dist/components/Actionable/Actionable.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type * as T from "./Actionable.types";
-declare const Actionable: React.ForwardRefExoticComponent<T.Props & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const Actionable: React.ForwardRefExoticComponent<T.Props & React.RefAttributes<T.Ref>>;
 export default Actionable;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from "@storybook/react";
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./..").ActionableProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    component: import("react").ForwardRefExoticComponent<import("./..").ActionableProps & import("react").RefAttributes<import("./..").ActionableRef>>;
     parameters: {
         iframe: {
             url: string;

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

@@ -2,7 +2,7 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("./..").ActionableProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    component: import("react").ForwardRefExoticComponent<import("./..").ActionableProps & import("react").RefAttributes<import("./..").ActionableRef>>;
     parameters: {
         iframe: {
             url: string;

package/dist/components/Alert/Alert.d.ts

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

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

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

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

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

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,10 +1,7 @@
+import React from "react";
 import * as T from "./Autocomplete.types";
-declare const Autocomplete: {
-    (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Item: {
-        (props: T.ItemProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    displayName: string;
+declare const Autocomplete: React.FC<T.Props> & {
+    Item: typeof AutocompleteItem;
 };
+declare const AutocompleteItem: React.FC<T.ItemProps>;
 export default Autocomplete;

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

@@ -3,13 +3,8 @@ import { StoryObj } from "@storybook/react";
 import { Mock } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: {
-        (props: import("./..").AutocompleteProps): React.JSX.Element;
-        Item: {
-            (props: import("../Autocomplete.types").ItemProps): React.JSX.Element;
-            displayName: string;
-        };
-        displayName: string;
+    component: React.FC<import("./..").AutocompleteProps> & {
+        Item: React.FC<import("../Autocomplete.types").ItemProps>;
     };
     parameters: {
         iframe: {

package/dist/components/Avatar/Avatar.d.ts

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

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

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

package/dist/components/Badge/BadgeContainer.d.ts

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

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
+import BreadcrumbsItem from "./BreadcrumbsItem";
 import * as T from "./Breadcrumbs.types";
-declare const Breadcrumbs: {
-    (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+declare const Breadcrumbs: React.FC<T.Props> & {
+    Item: typeof BreadcrumbsItem;
 };
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -8,6 +8,7 @@ import Text from "../Text/index.js";
 import Button from "../Button/index.js";
 import IconChevronRight from "../../icons/ChevronRight.js";
 import IconDotsHorizontal from "../../icons/DotsHorizontal.js";
+import BreadcrumbsItem from "./BreadcrumbsItem.js";
 const Breadcrumbs = (props) => {
     const { children, separator, color, defaultVisibleItems, expandAriaLabel, disableExpand, ariaLabel, className, attributes, } = props;
     const visibleItems = defaultVisibleItems && defaultVisibleItems >= 2 ? defaultVisibleItems : null;
@@ -39,5 +40,6 @@ const Breadcrumbs = (props) => {
                 return (_jsxs(View, { as: "li", gap: 2, direction: "row", align: "center", children: [index > 0 && (isDisplayed || isCollapseButton) && (_jsx(Text, { color: "neutral-faded", children: separator || _jsx(Icon, { svg: IconChevronRight, size: 3 }) })), _jsx(Text, { variant: "body-3", color: color === "primary" ? "primary" : "neutral-faded", children: itemNode })] }, index));
             }) }) }));
 };
+Breadcrumbs.Item = BreadcrumbsItem;
 Breadcrumbs.displayName = "Breadcrumbs";
 export default Breadcrumbs;

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

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

package/dist/components/Breadcrumbs/index.d.ts

@@ -1,11 +1,2 @@
-import BreadcrumbsItem from "./BreadcrumbsItem";
-type CompoundComponent = typeof Breadcrumbs & {
-    Item: typeof BreadcrumbsItem;
-};
-declare const Breadcrumbs: {
-    (props: import("./Breadcrumbs.types").Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export { default } from "./Breadcrumbs";
 export type { Props as BreadcrumbsProps } from "./Breadcrumbs.types";
-declare const _default: CompoundComponent;
-export default _default;

package/dist/components/Breadcrumbs/index.js

@@ -1,5 +1 @@
-import BreadcrumbsInternal from "./Breadcrumbs.js";
-import BreadcrumbsItem from "./BreadcrumbsItem.js";
-const Breadcrumbs = BreadcrumbsInternal;
-Breadcrumbs.Item = BreadcrumbsItem;
-export default Breadcrumbs;
+export { default } from "./Breadcrumbs.js";

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

@@ -1,13 +1,7 @@
 declare const _default: {
     title: string;
-    component: {
-        (props: import("./..").BreadcrumbsProps): import("react").JSX.Element;
-        displayName: string;
-    } & {
-        Item: {
-            (props: import("../Breadcrumbs.types").ItemProps): import("react").JSX.Element;
-            displayName: string;
-        };
+    component: import("react").FC<import("./..").BreadcrumbsProps> & {
+        Item: import("react").FC<import("../Breadcrumbs.types").ItemProps>;
     };
     parameters: {
         iframe: {

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

@@ -2,14 +2,8 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: {
-        (props: import("./..").BreadcrumbsProps): import("react").JSX.Element;
-        displayName: string;
-    } & {
-        Item: {
-            (props: import("../Breadcrumbs.types").ItemProps): import("react").JSX.Element;
-            displayName: string;
-        };
+    component: import("react").FC<import("./..").BreadcrumbsProps> & {
+        Item: import("react").FC<import("../Breadcrumbs.types").ItemProps>;
     };
     parameters: {
         iframe: {

package/dist/components/Button/ButtonAligner.d.ts

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

package/dist/components/Button/ButtonGroup.d.ts

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

package/dist/components/Calendar/Calendar.d.ts

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

package/dist/components/Calendar/CalendarControlled.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./Calendar.types";
-declare const CalendarControlled: {
-    (props: T.ControlledProps & T.BaseProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CalendarControlled: React.FC<T.ControlledProps & T.BaseProps>;
 export default CalendarControlled;

package/dist/components/Calendar/CalendarControls.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./Calendar.types";
-declare const CalendarControls: {
-    (props: T.ControlsProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CalendarControls: React.FC<T.ControlsProps>;
 export default CalendarControls;

package/dist/components/Calendar/CalendarDate.d.ts

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

package/dist/components/Calendar/CalendarMonth.d.ts

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

package/dist/components/Calendar/CalendarUncontrolled.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./Calendar.types";
-declare const CalendarUncontrolled: {
-    (props: T.UncontrolledProps & T.BaseProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CalendarUncontrolled: React.FC<T.UncontrolledProps & T.BaseProps>;
 export default CalendarUncontrolled;

package/dist/components/Calendar/CalendarYear.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./Calendar.types";
-declare const CalendarYear: {
-    (props: T.YearProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CalendarYear: React.FC<T.YearProps>;
 export default CalendarYear;

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

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

package/dist/components/Calendar/useCalendarKeyboardNavigation.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 declare const useCalendarKeyboardNavigation: (props: {
     monthDate: Date;
-    rootRef: React.MutableRefObject<HTMLDivElement | null>;
+    rootRef: React.RefObject<HTMLDivElement | null>;
     changeToNextMonth: () => void;
     changeToPreviousMonth: () => void;
     verticalDelta: number;

package/dist/components/Card/Card.js

@@ -26,7 +26,9 @@ const Card = forwardRef((props, ref) => {
         ...heightStyles?.variables,
     };
     if (isActionable) {
-        return (_jsx(Actionable, { className: rootClassNames, attributes: { ...attributes, style }, href: href, as: TagName, onClick: onClick, ref: ref, children: _jsx("span", { className: s.content, children: children }) }));
+        return (_jsx(Actionable, { className: rootClassNames, attributes: { ...attributes, style }, href: href, as: TagName, onClick: onClick, 
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            ref: ref, children: _jsx("span", { className: s.content, children: children }) }));
     }
     return (_jsx(TagName, { ...attributes, onClick: onClick, href: href, ref: ref, className: rootClassNames, style: style, children: _jsx("span", { className: s.content, children: children }) }));
 });

package/dist/components/Carousel/Carousel.d.ts

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

package/dist/components/Carousel/CarouselControl.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import * as T from "./Carousel.types";
-declare const CarouselControl: {
-    (props: T.ControlProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CarouselControl: React.FC<T.ControlProps>;
 export default CarouselControl;

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

@@ -3,10 +3,7 @@ import { StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 declare const _default: {
     title: string;
-    component: {
-        (props: import("./..").CarouselProps): React.JSX.Element;
-        displayName: string;
-    };
+    component: React.FC<import("./..").CarouselProps>;
     parameters: {
         a11y: {
             disable: boolean;

package/dist/components/Checkbox/Checkbox.d.ts

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

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

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

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

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

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

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

package/dist/components/CheckboxGroup/CheckboxGroupControlled.d.ts

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

package/dist/components/CheckboxGroup/CheckboxGroupUncontrolled.d.ts

@@ -1,6 +1,4 @@
+import React from "react";
 import type * as T from "./CheckboxGroup.types";
-declare const CheckboxGroupUncontrolled: {
-    (props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const CheckboxGroupUncontrolled: React.FC<T.UncontrolledProps>;
 export default CheckboxGroupUncontrolled;

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

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

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

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

package/dist/components/Container/Container.d.ts

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

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

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

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

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