reshaped 3.4.2 → 3.4.4

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;

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

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

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

package/dist/components/Skeleton/Skeleton.d.ts

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

package/dist/components/Skeleton/Skeleton.js

@@ -7,4 +7,5 @@ const Skeleton = (props) => {
     const rootClassNames = classNames(s.root, className);
     return (_jsx(View, { backgroundColor: "disabled", width: width, height: height, borderRadius: borderRadius, className: rootClassNames, attributes: attributes }));
 };
+Skeleton.displayName = "Skeleton";
 export default Skeleton;

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

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

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

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

package/dist/components/Slider/Slider.d.ts

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

package/dist/components/Slider/Slider.js

@@ -12,4 +12,5 @@ const Slider = (props) => {
     }
     return _jsx(SliderUncontrolled, { ...rest, min: min, max: max });
 };
+Slider.displayName = "Slider";
 export default Slider;

package/dist/components/Slider/SliderControlled.d.ts

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

package/dist/components/Slider/SliderControlled.js

@@ -213,4 +213,5 @@ const SliderControlled = (props) => {
                         "--rs-slider-selection-size": `${maxPercentPosition - (minPercentPosition || 0)}%`,
                     } }) }), _jsxs("div", { className: s.thumbs, children: [minValue !== undefined && minPercentPosition !== undefined && (_jsx(SliderThumb, { id: minId, active: minId === draggingId, name: name, disabled: disabled, onChange: handleMinChange, value: minValue, onDragStart: handleMinDragStart, position: minPercentPosition, max: max, min: min, ref: minRef, tooltipRef: minTooltipRef, renderValue: renderValue, step: step, orientation: orientation })), _jsx(SliderThumb, { id: maxId, active: maxId === draggingId, name: name, disabled: disabled, onChange: handleMaxChange, value: maxValue, onDragStart: handleMaxDragStart, position: maxPercentPosition, max: max, min: min, ref: maxRef, tooltipRef: maxTooltipRef, renderValue: renderValue, step: step, orientation: orientation })] })] }));
 };
+SliderControlled.displayName = "SliderControlled";
 export default SliderControlled;

package/dist/components/Slider/SliderThumb.js

@@ -17,4 +17,5 @@ const SliderThumb = (props, ref) => {
     };
     return (_jsxs(_Fragment, { children: [_jsx("input", { className: s.input, type: "range", name: name, value: value, onChange: handleChange, disabled: disabled, max: max, min: min, step: step, "aria-labelledby": id, "aria-orientation": orientation }), _jsx("div", { ref: ref, className: thumbClassNames, onMouseDown: onDragStart, onTouchStart: onDragStart, style: { "--ts-slider-thumb-position": `${position}%` }, id: id, "aria-hidden": "true", children: renderValue !== false && (_jsx(Theme, { colorMode: "inverted", children: _jsx(Text, { variant: "caption-1", weight: "medium", className: s.tooltip, attributes: { ref: tooltipRef }, children: tooltipValue }) })) })] }));
 };
+SliderThumb.displayName = "SliderThumb";
 export default React.forwardRef(SliderThumb);

package/dist/components/Slider/SliderUncontrolled.d.ts

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

package/dist/components/Slider/SliderUncontrolled.js

@@ -30,4 +30,5 @@ const SliderUncontrolled = (props) => {
     }
     return (_jsx(SliderControlled, { ...props, min: min, max: max, value: maxValue, defaultValue: undefined, onChange: handleSingleChange }));
 };
+SliderUncontrolled.displayName = "SliderUncontrolled";
 export default SliderUncontrolled;

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

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

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

package/dist/components/Stepper/Stepper.d.ts

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

package/dist/components/Stepper/Stepper.js

@@ -32,4 +32,6 @@ const Stepper = (props) => {
         }) }));
 };
 Stepper.Item = StepperItem;
+Stepper.displayName = "Stepper";
+StepperItem.displayName = "Stepper.Item";
 export default Stepper;

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

@@ -3,7 +3,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").StepperProps): React.JSX.Element;
-        Item: (_: import("../Stepper.types").ItemProps) => null;
+        Item: {
+            (_: import("../Stepper.types").ItemProps): null;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -3,7 +3,11 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").StepperProps): import("react").JSX.Element;
-        Item: (_: import("../Stepper.types").ItemProps) => null;
+        Item: {
+            (_: import("../Stepper.types").ItemProps): null;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Switch/Switch.d.ts

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

package/dist/components/Switch/Switch.js

@@ -23,4 +23,5 @@ const Switch = (props) => {
     };
     return (_jsxs("label", { ...attributes, className: rootClassNames, children: [_jsx("input", { type: "checkbox", ...inputAttributes, className: s.input, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: handleChange, onFocus: onFocus || inputAttributes?.onFocus, onBlur: onBlur || inputAttributes?.onBlur, id: id }), _jsx("span", { className: s.area, "aria-hidden": "true", children: _jsx("span", { className: s.thumb }) }), children && (_jsx(Text, { variant: size === "small" ? "caption-1" : "body-3", weight: "medium", color: disabled ? "disabled" : undefined, children: children }))] }));
 };
+Switch.displayName = "Switch";
 export default Switch;

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

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

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

package/dist/components/Table/Table.d.ts

@@ -1,10 +1,26 @@
 import type * as T from "./Table.types";
 declare const Table: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
-    Cell: (props: T.CellProps) => import("react/jsx-runtime").JSX.Element;
-    Heading: (props: T.HeadingProps) => import("react/jsx-runtime").JSX.Element;
-    Row: (props: T.RowProps) => import("react/jsx-runtime").JSX.Element;
-    Body: (props: T.BodyProps) => import("react/jsx-runtime").JSX.Element;
-    Head: (props: T.HeadProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: {
+        (props: T.CellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        (props: T.HeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Row: {
+        (props: T.RowProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        (props: T.BodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Head: {
+        (props: T.HeadProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Table;

package/dist/components/Table/Table.js

@@ -50,4 +50,10 @@ Table.Heading = TableHeading;
 Table.Row = TableRow;
 Table.Body = TableBody;
 Table.Head = TableHead;
+Table.displayName = "Table";
+TableCell.displayName = "TableCell";
+TableHeading.displayName = "TableHeading";
+TableRow.displayName = "TableRow";
+TableBody.displayName = "TableBody";
+TableHead.displayName = "TableHead";
 export default Table;

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

@@ -3,11 +3,27 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").TableProps): React.JSX.Element;
-        Cell: (props: import("./..").TableCellProps) => React.JSX.Element;
-        Heading: (props: import("./..").TableHeadingProps) => React.JSX.Element;
-        Row: (props: import("./..").TableRowProps) => React.JSX.Element;
-        Body: (props: import("./..").TableBodyProps) => React.JSX.Element;
-        Head: (props: import("./..").TableHeadProps) => React.JSX.Element;
+        Cell: {
+            (props: import("./..").TableCellProps): React.JSX.Element;
+            displayName: string;
+        };
+        Heading: {
+            (props: import("./..").TableHeadingProps): React.JSX.Element;
+            displayName: string;
+        };
+        Row: {
+            (props: import("./..").TableRowProps): React.JSX.Element;
+            displayName: string;
+        };
+        Body: {
+            (props: import("./..").TableBodyProps): React.JSX.Element;
+            displayName: string;
+        };
+        Head: {
+            (props: import("./..").TableHeadProps): React.JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

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

@@ -3,11 +3,27 @@ declare const _default: {
     title: string;
     component: {
         (props: import("./..").TableProps): import("react").JSX.Element;
-        Cell: (props: import("./..").TableCellProps) => import("react").JSX.Element;
-        Heading: (props: import("./..").TableHeadingProps) => import("react").JSX.Element;
-        Row: (props: import("./..").TableRowProps) => import("react").JSX.Element;
-        Body: (props: import("./..").TableBodyProps) => import("react").JSX.Element;
-        Head: (props: import("./..").TableHeadProps) => import("react").JSX.Element;
+        Cell: {
+            (props: import("./..").TableCellProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Heading: {
+            (props: import("./..").TableHeadingProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Row: {
+            (props: import("./..").TableRowProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Body: {
+            (props: import("./..").TableBodyProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        Head: {
+            (props: import("./..").TableHeadProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        displayName: string;
     };
     parameters: {
         iframe: {

package/dist/components/Tabs/Tabs.d.ts

@@ -2,7 +2,14 @@ import type * as T from "./Tabs.types";
 declare const Tabs: {
     (props: T.Props): import("react/jsx-runtime").JSX.Element;
     Item: import("react").ForwardRefExoticComponent<T.ItemProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    List: (props: T.ListProps) => import("react/jsx-runtime").JSX.Element;
-    Panel: (props: T.PanelProps) => import("react/jsx-runtime").JSX.Element;
+    List: {
+        (props: T.ListProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Panel: {
+        (props: T.PanelProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
 export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -13,4 +13,5 @@ const Tabs = (props) => {
 Tabs.Item = TabsItem;
 Tabs.List = TabsList;
 Tabs.Panel = TabsPanel;
+Tabs.displayName = "Tabs";
 export default Tabs;

package/dist/components/Tabs/TabsControlled.d.ts

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

package/dist/components/Tabs/TabsControlled.js

@@ -39,4 +39,5 @@ const TabsControlled = (props) => {
             setSelection,
         }, children: children }));
 };
+TabsControlled.displayName = "TabsControlled";
 export default TabsControlled;

package/dist/components/Tabs/TabsItem.js

@@ -65,4 +65,5 @@ const TabsItem = (props, ref) => {
                 "aria-controls": panelId,
             }, children: [name && (_jsx(HiddenInput, { type: "radio", name: name, value: value, checked: visuallySelected, onChange: handleChange, className: s.radio })), _jsxs("span", { className: s.buttonContent, children: [icon && _jsx(Icon, { svg: icon, className: s.icon, size: 4 }), children && (_jsx(Text, { variant: size === "large" ? "body-2" : "body-3", weight: "medium", children: children }))] })] }) }));
 };
+TabsItem.displayName = "Tabs.Item";
 export default React.forwardRef(TabsItem);

package/dist/components/Tabs/TabsList.d.ts

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

package/dist/components/Tabs/TabsList.js

@@ -157,4 +157,5 @@ const TabsList = (props) => {
                     (fadeSide === "end" || fadeSide === "both") && s["control--active"],
                 ], children: _jsx(Icon, { svg: IconChevronRight, size: 5 }) })] }));
 };
+TabsList.displayName = "Tabs.List";
 export default TabsList;

package/dist/components/Tabs/TabsPanel.d.ts

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

package/dist/components/Tabs/TabsPanel.js

@@ -10,4 +10,5 @@ const TabsPanel = (props) => {
     const panelClassNames = classNames(s.panel, !active && s["--panel-hidden"], className);
     return (_jsx("div", { ...attributes, className: panelClassNames, tabIndex: 0, role: "tabpanel", id: panelId, "aria-labelledby": buttonId, children: active && children }));
 };
+TabsPanel.displayName = "Tabs.Panel";
 export default TabsPanel;