reshaped 3.4.2 → 3.4.4

package/dist/components/Button/Button.js

@@ -34,4 +34,5 @@ const Button = forwardRef((props, ref) => {
 });
 Button.Group = ButtonGroup;
 Button.Aligner = ButtonAligner;
+Button.displayName = "Button";
 export default Button;

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

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

package/dist/components/Button/ButtonAligner.js

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

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

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

package/dist/components/Button/ButtonGroup.js

@@ -6,4 +6,5 @@ const ButtonGroup = (props) => {
     const groupClassNames = classNames(s.group, className);
     return (_jsx("div", { ...attributes, className: groupClassNames, role: "group", children: children }));
 };
+ButtonGroup.displayName = "Button.Group";
 export default ButtonGroup;

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

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

package/dist/components/Calendar/Calendar.js

@@ -6,4 +6,5 @@ const Calendar = (props) => {
         return _jsx(CalendarControlled, { ...props });
     return _jsx(CalendarUncontrolled, { ...props });
 };
+Calendar.displayName = "Calendar";
 export default Calendar;

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

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

package/dist/components/Calendar/CalendarControlled.js

@@ -65,4 +65,5 @@ const CalendarControlled = (props) => {
     });
     return (_jsxs(View, { gap: 2, children: [_jsx(CalendarControls, { renderSelectedMonthLabel: renderSelectedMonthLabel, monthDate: monthDate, selectionMode: selectionMode, isFirstMonth: bounds.isFirstMonth, isLastMonth: bounds.isLastMonth, monthTitleRef: monthTitleRef, onMonthTitleClick: handleMonthTitleClick, onNextClick: handleNextClick, onPreviousClick: handlePreviousClick, previousMonthAriaLabel: previousMonthAriaLabel, previousYearAriaLabel: previousYearAriaLabel, nextMonthAriaLabel: nextMonthAriaLabel, nextYearAriaLabel: nextYearAriaLabel, monthSelectionAriaLabel: monthSelectionAriaLabel }), _jsxs(View.Item, { attributes: { ref: selectionRootRef }, children: [selectionMode === "date" && (_jsx(CalendarMonth, { date: monthDate, value: value, onChange: onChange, min: min, max: max, range: range, firstWeekDay: firstWeekDay, hoveredDate: hoveredDate, selectedDates: selectedDates, onDateHover: handleDateHover, onDateHoverEnd: handleDateHoverEnd, renderWeekDay: renderWeekDay, renderDateAriaLabel: renderDateAriaLabel })), selectionMode === "month" && (_jsx(CalendarYear, { monthDate: monthDate, onMonthClick: handleMonthClick, renderMonthLabel: renderMonthLabel, renderMonthAriaLabel: renderMonthAriaLabel, min: min, max: max }))] })] }));
 };
+CalendarControlled.displayName = "CalendarControlled";
 export default CalendarControlled;

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

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

package/dist/components/Calendar/CalendarControls.js

@@ -43,4 +43,5 @@ const CalendarControls = (props) => {
                             "aria-label": selectionMode === "date" ? nextMonthAriaLabel : nextYearAriaLabel,
                         } }) }) })] }));
 };
+CalendarControls.displayName = "CalendarControls";
 export default CalendarControls;

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

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

package/dist/components/Calendar/CalendarDate.js

@@ -72,4 +72,5 @@ const CalendarDate = (props) => {
                 onBlur: handleMouseLeave,
             }, children: date.getDate() }) }));
 };
+CalendarDate.displayName = "CalendarDate";
 export default CalendarDate;

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

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

package/dist/components/Calendar/CalendarMonth.js

@@ -43,4 +43,5 @@ const CalendarMonth = (props) => {
                         }) }, key));
                 }) })] }));
 };
+CalendarMonth.displayName = "CalendarMonth";
 export default CalendarMonth;

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

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

package/dist/components/Calendar/CalendarUncontrolled.js

@@ -16,4 +16,5 @@ const CalendarUncontrolled = (props) => {
             onChange?.(args);
         } }));
 };
+CalendarUncontrolled.displayName = "CalendarUncontrolled";
 export default CalendarUncontrolled;

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

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

package/dist/components/Calendar/CalendarYear.js

@@ -40,4 +40,5 @@ const CalendarYear = (props) => {
                             }, children: name }) }, name));
                 }) }, i))) }) }));
 };
+CalendarYear.displayName = "CalendarYear";
 export default CalendarYear;

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

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

package/dist/components/Card/Card.js

@@ -30,4 +30,5 @@ const Card = forwardRef((props, ref) => {
     }
     return (_jsx(TagName, { ...attributes, onClick: onClick, href: href, ref: ref, className: rootClassNames, style: style, children: _jsx("span", { className: s.content, children: children }) }));
 });
+Card.displayName = "Card";
 export default Card;

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

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

package/dist/components/Carousel/Carousel.js

@@ -113,4 +113,5 @@ const Carousel = (props) => {
             ...attributes?.style,
         }, children: [navigationDisplay !== "hidden" && (_jsxs(_Fragment, { children: [_jsx(CarouselControl, { isRTL: isRTL, type: "back", scrollElRef: scrollElRef, scrollPosition: scrollPosition, onClick: navigateBack, mounted: mounted }), _jsx(CarouselControl, { isRTL: isRTL, type: "forward", scrollElRef: scrollElRef, scrollPosition: scrollPosition, onClick: navigateForward, mounted: mounted })] })), _jsx(View, { as: "ul", direction: "row", wrap: false, gap: gap, className: s.scroll, attributes: { ref: scrollElRef, onScroll: handleScroll }, children: React.Children.map(children, (child, index) => (_jsx(View.Item, { className: s.item, as: "li", attributes: { ref: (el) => handleItemRef(el, index) }, children: child }))) })] }));
 };
+Carousel.displayName = "Carousel";
 export default Carousel;

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

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

package/dist/components/Carousel/CarouselControl.js

@@ -38,4 +38,5 @@ const CarouselControl = (props) => {
     }, [scrollPosition, scrollElRef, mounted, isNext]);
     return (_jsx("div", { className: controlClassNames, children: _jsx(Button, { onClick: onClick, icon: isDisplayedAsNext ? IconChevronRight : IconChevronLeft, rounded: true, variant: "outline", elevated: true, attributes: { "aria-disabled": !visible, "aria-hidden": true } }) }));
 };
+CarouselControl.displayName = "CarouselControl";
 export default CarouselControl;

package/dist/components/Carousel/tests/Carousel.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("./..").CarouselProps) => React.JSX.Element;
+    component: {
+        (props: import("./..").CarouselProps): React.JSX.Element;
+        displayName: string;
+    };
     parameters: {
         a11y: {
             disable: boolean;

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

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

package/dist/components/Checkbox/Checkbox.js

@@ -38,4 +38,5 @@ const Checkbox = (props) => {
                             ref: inputRef,
                         } }), _jsx("div", { className: s.decorator, children: _jsx(Icon, { svg: IconCheckmark, className: s.icon }) })] }), children && _jsx("span", { className: s.text, children: children })] }));
 };
+Checkbox.displayName = "Checkbox";
 export default Checkbox;

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

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

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

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

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

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -7,4 +7,5 @@ const CheckboxGroup = (props) => {
         return _jsx(CheckboxGroupControlled, { ...props });
     return _jsx(CheckboxGroupUncontrolled, { ...props });
 };
+CheckboxGroup.displayName = "CheckboxGroup";
 export default CheckboxGroup;

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

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

package/dist/components/CheckboxGroup/CheckboxGroupControlled.js

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

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

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

package/dist/components/CheckboxGroup/CheckboxGroupUncontrolled.js

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

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

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

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

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

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

package/dist/components/Container/Container.js

@@ -7,4 +7,5 @@ const Container = (props) => {
     const rootClassNames = classNames(s.root, className);
     return (_jsx(View, { attributes: attributes, className: rootClassNames, paddingInline: padding, align: align, justify: justify, height: height, maxHeight: maxHeight, width: width, maxWidth: "100%", children: children }));
 };
+Container.displayName = "Container";
 export default Container;

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

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

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

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

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

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

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

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

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,10 +1,26 @@
 import type * as T from "./ContextMenu.types";
 declare const ContextMenu: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("../DropdownMenu/DropdownMenu.types").ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Item: (props: import("../DropdownMenu/DropdownMenu.types").ItemProps) => import("react/jsx-runtime").JSX.Element;
-    Section: (props: import("../DropdownMenu/DropdownMenu.types").SectionProps) => import("react/jsx-runtime").JSX.Element;
-    SubMenu: (props: import("../DropdownMenu/DropdownMenu.types").SubMenuProps) => import("react/jsx-runtime").JSX.Element;
-    SubTrigger: (props: import("../DropdownMenu/DropdownMenu.types").SubTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: {
+        (props: import("../DropdownMenu/DropdownMenu.types").ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        (props: import("../DropdownMenu/DropdownMenu.types").ItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Section: {
+        (props: import("../DropdownMenu/DropdownMenu.types").SectionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubMenu: {
+        (props: import("../DropdownMenu/DropdownMenu.types").SubMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        (props: import("../DropdownMenu/DropdownMenu.types").SubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default ContextMenu;

package/dist/components/ContextMenu/ContextMenu.js

@@ -38,4 +38,5 @@ ContextMenu.Item = DropdownMenu.Item;
 ContextMenu.Section = DropdownMenu.Section;
 ContextMenu.SubMenu = DropdownMenu.SubMenu;
 ContextMenu.SubTrigger = DropdownMenu.SubTrigger;
+ContextMenu.displayName = "ContextMenu";
 export default ContextMenu;

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

@@ -2,11 +2,27 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").ContextMenuProps): import("react").JSX.Element;
-        Content: (props: import("../../DropdownMenu/DropdownMenu.types").ContentProps) => import("react").JSX.Element;
-        Item: (props: import("../../DropdownMenu/DropdownMenu.types").ItemProps) => import("react").JSX.Element;
-        Section: (props: import("../../DropdownMenu/DropdownMenu.types").SectionProps) => import("react").JSX.Element;
-        SubMenu: (props: import("../../DropdownMenu/DropdownMenu.types").SubMenuProps) => import("react").JSX.Element;
-        SubTrigger: (props: import("../../DropdownMenu/DropdownMenu.types").SubTriggerProps) => import("react").JSX.Element;
+        Content: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").ContentProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Item: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Section: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SectionProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubMenu: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SubMenuProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubTrigger: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SubTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -4,11 +4,27 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").ContextMenuProps): import("react").JSX.Element;
-        Content: (props: import("../../DropdownMenu/DropdownMenu.types").ContentProps) => import("react").JSX.Element;
-        Item: (props: import("../../DropdownMenu/DropdownMenu.types").ItemProps) => import("react").JSX.Element;
-        Section: (props: import("../../DropdownMenu/DropdownMenu.types").SectionProps) => import("react").JSX.Element;
-        SubMenu: (props: import("../../DropdownMenu/DropdownMenu.types").SubMenuProps) => import("react").JSX.Element;
-        SubTrigger: (props: import("../../DropdownMenu/DropdownMenu.types").SubTriggerProps) => import("react").JSX.Element;
+        Content: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").ContentProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Item: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Section: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SectionProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubMenu: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SubMenuProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubTrigger: {
+            (props: import("../../DropdownMenu/DropdownMenu.types").SubTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Dismissible/Dismissible.d.ts

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

package/dist/components/Dismissible/Dismissible.js

@@ -9,4 +9,5 @@ const Dismissible = (props) => {
     const WrapperTag = variant === "media" ? "div" : Button.Aligner;
     return (_jsxs("div", { ...attributes, className: rootClassNames, children: [children, !hideCloseButton && (_jsx(WrapperTag, { className: s.close, children: _jsx(Button, { size: "small", ...(variant === "media" ? { color: "media", variant: "faded" } : { variant: "ghost" }), onClick: () => onClose?.(), attributes: { "aria-label": onClose ? closeAriaLabel : undefined }, icon: IconClose }) }))] }));
 };
+Dismissible.displayName = "Dismissible";
 export default Dismissible;

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

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

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

@@ -4,7 +4,7 @@ import Dismissible from "../index.js";
 import Image from "../../Image/index.js";
 import View from "../../View/index.js";
 export default {
-    title: "Utilities/Dismissible",
+    title: "Utility components/Dismissible",
     components: Dismissible,
     parameters: {
         iframe: {

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

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

@@ -2,7 +2,7 @@ import { expect, fn, userEvent } from "@storybook/test";
 import Dismissible from "../index.js";
 import { Placeholder } from "../../../utilities/storybook/index.js";
 export default {
-    title: "Utilities/Dismissible/tests",
+    title: "Utility components/Dismissible/tests",
     component: Dismissible,
     parameters: {
         iframe: {

package/dist/components/Divider/Divider.d.ts

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

package/dist/components/Divider/Divider.js

@@ -12,4 +12,5 @@ const Divider = (props) => {
     }
     return (_jsx("div", { ...attributes, role: "separator", "aria-orientation": ariaOrientation, className: rootClassNames, children: children && (_jsx(Text, { color: "neutral-faded", variant: "caption-1", className: s.label, children: children })) }));
 };
+Divider.displayName = "Divider";
 export default Divider;

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

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

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

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