reshaped 3.4.2 → 3.4.4

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.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;

package/dist/components/Grid/Grid.js

@@ -53,4 +53,6 @@ const Grid = (props) => {
     return (_jsx(TagName, { ...attributes, className: rootClassNames, style: rootVariables, children: children }));
 };
 Grid.Item = GridItem;
+Grid.displayName = "Grid";
+GridItem.displayName = "Grid.Item";
 export default Grid;

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

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

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

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

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

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

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

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

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

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

package/dist/components/Hidden/Hidden.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/HiddenVisually/HiddenVisually.js

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Hotkey/Hotkey.js

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

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

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

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

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

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

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

package/dist/components/Icon/Icon.js

@@ -13,4 +13,5 @@ const Icon = (props) => {
     // All icons are decorative, a11y attributes should be set for buttons wrapping them
     _jsx("span", { ...attributes, "aria-hidden": "true", className: rootClassName, style: style, children: React.cloneElement(icon, { focusable: false }) }));
 };
+Icon.displayName = "Icon";
 export default Icon;

package/dist/components/Icon/Icon.module.css

@@ -1 +1 @@
-.root{aspect-ratio:1;display:flex;justify-content:center}.--auto{aspect-ratio:auto;justify-content:flex-start;width:auto}.root svg{display:block;height:100%;min-width:100%;width:auto}.--color-neutral{color:var(--rs-color-foreground-neutral)}.--color-neutral-faded{color:var(--rs-color-foreground-neutral-faded)}.--color-primary{color:var(--rs-color-foreground-primary)}.--color-positive{color:var(--rs-color-foreground-positive)}.--color-warning{color:var(--rs-color-foreground-warning)}.--color-critical{color:var(--rs-color-foreground-critical)}.--color-disabled{color:var(--rs-color-foreground-disabled)}
+.root{align-items:center;aspect-ratio:1;display:flex;justify-content:center}.--auto{aspect-ratio:auto;justify-content:flex-start;width:auto}.root svg{display:block;height:100%;min-width:100%;width:auto}.--color-neutral{color:var(--rs-color-foreground-neutral)}.--color-neutral-faded{color:var(--rs-color-foreground-neutral-faded)}.--color-primary{color:var(--rs-color-foreground-primary)}.--color-positive{color:var(--rs-color-foreground-positive)}.--color-warning{color:var(--rs-color-foreground-warning)}.--color-critical{color:var(--rs-color-foreground-critical)}.--color-disabled{color:var(--rs-color-foreground-disabled)}

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

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

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

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

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

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

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

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

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

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

package/dist/components/Image/Image.js

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

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

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

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

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