reshaped 3.4.2 → 3.4.3

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

@@ -4,7 +4,7 @@ import Overlay from "../index.js";
 import Button from "../../Button/index.js";
 import useToggle from "../../../hooks/useToggle.js";
 export default {
-    title: "Utilities/Overlay",
+    title: "Utility components/Overlay",
     component: Overlay,
     parameters: {
         iframe: {

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

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

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

@@ -5,7 +5,7 @@ import Overlay from "../index.js";
 import useToggle from "../../../hooks/useToggle.js";
 import { sleep } from "../../../utilities/helpers.js";
 export default {
-    title: "Utilities/Overlay/tests",
+    title: "Utility components/Overlay/tests",
     component: Overlay,
     parameters: {
         iframe: {

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

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

package/dist/components/Pagination/Pagination.js

@@ -7,4 +7,5 @@ const Pagination = (props) => {
         return _jsx(PaginationControlled, { ...props });
     return _jsx(PaginationUncontrolled, { ...props });
 };
+Pagination.displayName = "Pagination";
 export default Pagination;

package/dist/components/Pagination/PaginationControlled.d.ts

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

package/dist/components/Pagination/PaginationControlled.js

@@ -46,4 +46,5 @@ const PaginationControlled = (props) => {
                     }, className: s.page, children: page }, index));
             }), _jsx(Button, { variant: "ghost", size: "small", className: s.page, icon: IconChevronRight, onClick: () => changePage(selectedPage + 1), disabled: selectedPage === total, attributes: { "aria-label": nextAriaLabel } })] }));
 };
+PaginationControlled.displayName = "PaginationControlled";
 export default PaginationControlled;

package/dist/components/Pagination/PaginationUncontrolled.d.ts

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

package/dist/components/Pagination/PaginationUncontrolled.js

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

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

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

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

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

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

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

package/dist/components/PinField/PinField.js

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

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

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

package/dist/components/PinField/PinFieldControlled.js

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

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

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

package/dist/components/PinField/PinFieldUncontrolled.js

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

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

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

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

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

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

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

package/dist/components/Popover/Popover.js

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

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

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

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

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

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

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

package/dist/components/Progress/Progress.js

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

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

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

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

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

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

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

package/dist/components/ProgressIndicator/ProgressIndicator.js

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

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

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

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

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

package/dist/components/Radio/Radio.js

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

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

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

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

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

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

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

package/dist/components/RadioGroup/RadioGroup.js

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

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

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

package/dist/components/RadioGroup/RadioGroupControlled.js

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

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

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

package/dist/components/RadioGroup/RadioGroupUncontrolled.js

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

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

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

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

package/dist/components/Reshaped/Reshaped.d.ts

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

package/dist/components/Reshaped/Reshaped.js

@@ -22,4 +22,5 @@ const Reshaped = (props) => {
     const parentGlobalColorMode = useGlobalColorMode();
     return (_jsx(GlobalColorMode, { defaultMode: defaultColorMode || parentGlobalColorMode.mode || "light", scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(PrivateTheme, { name: theme, defaultName: defaultTheme, className: rootClassNames, scoped: scoped, scopeRef: !!parentGlobalColorMode && scoped ? scopeRef : undefined, children: _jsx(ReshapedInner, { ...props, children: props.children }) }) }));
 };
+Reshaped.displayName = "Reshaped";
 export default Reshaped;

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

@@ -3,7 +3,7 @@ import { useTheme } from "../../Theme/index.js";
 import Button from "../../Button/index.js";
 import Reshaped from "../Reshaped.js";
 export default {
-    title: "Utilities/Reshaped",
+    title: "Utility components/Reshaped",
     parameters: {
         disableWrapper: true,
     },

package/dist/components/Resizable/Resizable.d.ts

@@ -4,5 +4,6 @@ declare const Resizable: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
     Item: React.FC<T.ItemProps>;
     Handle: React.FC<T.HandleProps>;
+    displayName: string;
 };
 export default Resizable;

package/dist/components/Resizable/Resizable.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "../../utilities/helpers.js";
-import useDrag from "../../hooks/useDrag.js";
+import useDrag from "../../hooks/_private/useDrag.js";
 import View from "../View/index.js";
 import s from "./Resizable.module.css";
 const PrivateResizableHandle = (props) => {
@@ -150,4 +150,5 @@ const Resizable = (props) => {
 };
 Resizable.Item = (() => null);
 Resizable.Handle = (() => null);
+Resizable.displayName = "Resizable";
 export default Resizable;

package/dist/components/Resizable/Resizable.types.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { ViewProps } from "../View";
-import type { UseDragCallbackArgs } from "../../hooks/useDrag";
+import type { UseDragCallbackArgs } from "../../hooks/_private/useDrag";
 export type Props = {
     variant?: "bordered" | "borderless";
 } & Pick<ViewProps, "children" | "className" | "attributes" | "height" | "direction" | "gap">;

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

@@ -4,6 +4,7 @@ declare const _default: {
         (props: import("./..").ResizableProps): import("react").JSX.Element;
         Item: import("react").FC<import("./..").ResizableItemProps>;
         Handle: import("react").FC<import("./..").ResizableHandleProps>;
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -5,6 +5,7 @@ declare const _default: {
         (props: import("./..").ResizableProps): import("react").JSX.Element;
         Item: import("react").FC<import("./..").ResizableItemProps>;
         Handle: import("react").FC<import("./..").ResizableHandleProps>;
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Scrim/Scrim.d.ts

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

package/dist/components/Scrim/Scrim.js

@@ -7,4 +7,5 @@ const Scrim = (props) => {
     const scrimClassNames = classNames(s.scrim, scrimClassName);
     return (_jsxs("div", { ...attributes, className: rootClassNames, children: [backgroundSlot, _jsx("div", { className: scrimClassNames, children: _jsx("div", { className: s.content, children: children }) })] }));
 };
+Scrim.displayName = "Scrim";
 export default Scrim;

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

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

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

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

package/dist/components/ScrollArea/ScrollArea.js

@@ -136,4 +136,5 @@ const ScrollArea = forwardRef((props, ref) => {
     }, [updateScroll]);
     return (_jsxs("div", { ...attributes, className: rootClassNames, style: rootVariables, children: [_jsx("div", { className: s.scrollable, ref: scrollableRef, onScroll: handleScroll, tabIndex: 0, children: _jsx("div", { className: s.content, ref: contentRef, children: children }) }), scrollRatio.y < 1 && scrollbarDisplay !== "hidden" && (_jsx(ScrollAreaBar, { vertical: true, onThumbMove: handleThumbYMove, ratio: scrollRatio.y, position: scrollPosition.y })), scrollRatio.x < 1 && scrollbarDisplay !== "hidden" && (_jsx(ScrollAreaBar, { onThumbMove: handleThumbXMove, ratio: scrollRatio.x, position: scrollPosition.x }))] }));
 });
+ScrollArea.displayName = "ScrollArea";
 export default ScrollArea;

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

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

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

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

package/dist/components/Select/Select.d.ts

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

package/dist/components/Select/Select.js

@@ -49,4 +49,5 @@ const Select = (props) => {
                         return size === "large" || size === "xlarge" ? 5 : 4;
                     }) }) })] }));
 };
+Select.displayName = "Select";
 export default Select;