reshaped 3.4.1 → 3.4.3

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;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,12 +1,34 @@
 import type * as T from "./DropdownMenu.types";
 declare const DropdownMenu: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Dismissible: (props: import("../Dismissible").DismissibleProps) => import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: import("../_private/Flyout").FlyoutTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: T.ContentProps) => import("react/jsx-runtime").JSX.Element;
-    Section: (props: T.SectionProps) => import("react/jsx-runtime").JSX.Element;
-    Item: (props: T.ItemProps) => import("react/jsx-runtime").JSX.Element;
-    SubMenu: (props: T.SubMenuProps) => import("react/jsx-runtime").JSX.Element;
-    SubTrigger: (props: T.SubTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Dismissible: {
+        (props: import("../Dismissible").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: T.ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Section: {
+        (props: T.SectionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        (props: T.ItemProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubMenu: {
+        (props: T.SubMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        (props: T.SubTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default DropdownMenu;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -13,7 +13,7 @@ import * as keys from "../../constants/keys.js";
 import s from "./DropdownMenu.module.css";
 const DropdownMenuSubContext = React.createContext(null);
 const DropdownMenu = (props) => {
-    const { children, position = "bottom-start", triggerType = "click", trapFocusMode = "action-menu", ...popoverProps } = props;
+    const { children, position = "bottom-start", triggerType = "click", trapFocusMode = "action-bar", ...popoverProps } = props;
     return (_jsx(Popover, { ...popoverProps, position: position, padding: 0, trapFocusMode: trapFocusMode, triggerType: triggerType, children: children }));
 };
 const DropdownMenuContent = (props) => {
@@ -79,4 +79,10 @@ DropdownMenu.Section = DropdownMenuSection;
 DropdownMenu.Item = DropdownMenuItem;
 DropdownMenu.SubMenu = DropdownMenuSubMenu;
 DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
+DropdownMenu.displayName = "DropdownMenu";
+DropdownMenuContent.displayName = "DropdownMenu.Content";
+DropdownMenuSection.displayName = "DropdownMenu.Section";
+DropdownMenuItem.displayName = "DropdownMenu.Item";
+DropdownMenuSubMenu.displayName = "DropdownMenu.SubMenu";
+DropdownMenuSubTrigger.displayName = "DropdownMenu.SubTrigger";
 export default DropdownMenu;

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

@@ -2,13 +2,35 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").DropdownMenuProps): 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("../DropdownMenu.types").ContentProps) => import("react").JSX.Element;
-        Section: (props: import("../DropdownMenu.types").SectionProps) => import("react").JSX.Element;
-        Item: (props: import("../DropdownMenu.types").ItemProps) => import("react").JSX.Element;
-        SubMenu: (props: import("../DropdownMenu.types").SubMenuProps) => import("react").JSX.Element;
-        SubTrigger: (props: import("../DropdownMenu.types").SubTriggerProps) => import("react").JSX.Element;
+        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("../DropdownMenu.types").ContentProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Section: {
+            (props: import("../DropdownMenu.types").SectionProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Item: {
+            (props: import("../DropdownMenu.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubMenu: {
+            (props: import("../DropdownMenu.types").SubMenuProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubTrigger: {
+            (props: import("../DropdownMenu.types").SubTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -4,13 +4,35 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").DropdownMenuProps): 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("../DropdownMenu.types").ContentProps) => import("react").JSX.Element;
-        Section: (props: import("../DropdownMenu.types").SectionProps) => import("react").JSX.Element;
-        Item: (props: import("../DropdownMenu.types").ItemProps) => import("react").JSX.Element;
-        SubMenu: (props: import("../DropdownMenu.types").SubMenuProps) => import("react").JSX.Element;
-        SubTrigger: (props: import("../DropdownMenu.types").SubTriggerProps) => import("react").JSX.Element;
+        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("../DropdownMenu.types").ContentProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Section: {
+            (props: import("../DropdownMenu.types").SectionProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Item: {
+            (props: import("../DropdownMenu.types").ItemProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubMenu: {
+            (props: import("../DropdownMenu.types").SubMenuProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        SubTrigger: {
+            (props: import("../DropdownMenu.types").SubTriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/FileUpload/FileUpload.d.ts

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

package/dist/components/FileUpload/FileUpload.js

@@ -50,4 +50,6 @@ const FileUpload = (props) => {
         }, children: _jsxs(View, { as: "label", className: s.triggerLayer, padding: 6, borderRadius: "medium", gap: 2, align: "center", justify: "center", textAlign: "center", animated: true, height: "100%", children: [_jsx(View.Item, { children: children }), _jsx(HiddenVisually, { children: _jsx("input", { ...inputAttributes, type: "file", className: s.field, name: name, onChange: handleChange }) })] }) }));
 };
 FileUpload.Trigger = FileUploadTrigger;
+FileUpload.displayName = "FileUpload";
+FileUploadTrigger.displayName = "FileUpload.Trigger";
 export default FileUpload;

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

@@ -3,7 +3,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").FileUploadProps): React.JSX.Element;
-        Trigger: (props: import("../FileUpload.types").TriggerProps) => React.JSX.Element;
+        Trigger: {
+            (props: import("../FileUpload.types").TriggerProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -4,7 +4,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").FileUploadProps): import("react").JSX.Element;
-        Trigger: (props: import("../FileUpload.types").TriggerProps) => import("react").JSX.Element;
+        Trigger: {
+            (props: import("../FileUpload.types").TriggerProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/FormControl/FormControl.context.d.ts

@@ -57,6 +57,8 @@ export declare const useFormControl: () => {
         inert?: boolean | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "false" | "true") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -264,6 +266,8 @@ export declare const useFormControl: () => {
         onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement> | undefined;
         onScroll?: React.UIEventHandler<HTMLElement> | undefined;
         onScrollCapture?: React.UIEventHandler<HTMLElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLElement> | undefined;
         onWheel?: React.WheelEventHandler<HTMLElement> | undefined;
         onWheelCapture?: React.WheelEventHandler<HTMLElement> | undefined;
         onAnimationStart?: React.AnimationEventHandler<HTMLElement> | undefined;

package/dist/components/FormControl/FormControl.js

@@ -10,4 +10,5 @@ const FormControl = FormControlClient;
 FormControl.Label = FormControlLabel;
 FormControl.Helper = FormControlHelper;
 FormControl.Error = FormControlError;
+FormControl.displayName = "FormControl";
 export default FormControl;

package/dist/components/FormControl/FormControlError.d.ts

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

package/dist/components/FormControl/FormControlError.js

@@ -9,4 +9,5 @@ const FormControlError = (props) => {
         return null;
     return _jsx(FormControlCaption, { variant: "error", children: children });
 };
+FormControlError.displayName = "FormControl.Error";
 export default FormControlError;

package/dist/components/FormControl/FormControlHelper.d.ts

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

package/dist/components/FormControl/FormControlHelper.js

@@ -7,4 +7,5 @@ const FormControlHelper = (props) => {
     const { disabled } = useFormControlPrivate();
     return _jsx(FormControlCaption, { disabled: disabled, children: children });
 };
+FormControlHelper.displayName = "FormControl.Helper";
 export default FormControlHelper;

package/dist/components/FormControl/FormControlLabel.d.ts

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

package/dist/components/FormControl/FormControlLabel.js

@@ -15,4 +15,5 @@ const FormControlLabel = (props) => {
         };
     return (_jsxs(Text, { ...tagProps, variant: size === "large" ? "body-2" : "body-3", weight: "medium", className: s.label, color: disabled ? "disabled" : undefined, "aria-disabled": disabled, children: [children, required && (_jsx(Text, { color: disabled ? "disabled" : "critical", as: "span", children: "*" }))] }));
 };
+FormControlLabel.displayName = "FormControl.Label";
 export default FormControlLabel;

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

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

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

@@ -5,7 +5,7 @@ import RadioGroup from "../../RadioGroup/index.js";
 import TextField from "../../TextField/index.js";
 import View from "../../View/index.js";
 export default {
-    title: "Utilities/FormControl/tests",
+    title: "Utility components/FormControl/tests",
     component: FormControl,
     parameters: {
         iframe: {

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

@@ -1,6 +1,10 @@
 import type * as T from "./Grid.types";
 declare const Grid: {
     <As extends keyof React.JSX.IntrinsicElements = "div">(props: T.Props<As>): import("react/jsx-runtime").JSX.Element;
-    Item: <As extends keyof React.JSX.IntrinsicElements = "div">(props: T.ItemProps<As>) => import("react/jsx-runtime").JSX.Element;
+    Item: {
+        <As extends keyof React.JSX.IntrinsicElements = "div">(props: T.ItemProps<As>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Grid;