reshaped 3.8.3 → 3.8.4-canary.0

package/dist/components/DropdownMenu/index.js

@@ -1 +1,11 @@
-export { default } from "./DropdownMenu.js";
+import Popover from "../Popover/index.js";
+import DropdownMenu, { DropdownMenuContent, DropdownMenuSection, DropdownMenuItem, DropdownMenuSubMenu, DropdownMenuSubTrigger, } from "./DropdownMenu.js";
+const DropdownMenuRoot = DropdownMenu;
+DropdownMenuRoot.Dismissible = Popover.Dismissible;
+DropdownMenuRoot.Trigger = Popover.Trigger;
+DropdownMenuRoot.Content = DropdownMenuContent;
+DropdownMenuRoot.Section = DropdownMenuSection;
+DropdownMenuRoot.Item = DropdownMenuItem;
+DropdownMenuRoot.SubMenu = DropdownMenuSubMenu;
+DropdownMenuRoot.SubTrigger = DropdownMenuSubTrigger;
+export default DropdownMenuRoot;

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

@@ -5,11 +5,11 @@ declare const _default: {
     component: import("react").FC<import("./..").DropdownMenuProps> & {
         Dismissible: import("react").FC<import("../../Dismissible").DismissibleProps>;
         Trigger: import("react").FC<import("../../Flyout").FlyoutTriggerProps>;
-        Content: import("react").FC<import("../DropdownMenu.types").ContentProps>;
-        Section: import("react").FC<import("../DropdownMenu.types").SectionProps>;
-        Item: import("react").FC<import("../DropdownMenu.types").ItemProps>;
-        SubMenu: import("react").FC<import("../DropdownMenu.types").SubMenuProps>;
-        SubTrigger: import("react").FC<import("../DropdownMenu.types").SubTriggerProps>;
+        Content: typeof import("../DropdownMenu").DropdownMenuContent;
+        Section: typeof import("../DropdownMenu").DropdownMenuSection;
+        Item: typeof import("../DropdownMenu").DropdownMenuItem;
+        SubMenu: typeof import("../DropdownMenu").DropdownMenuSubMenu;
+        SubTrigger: typeof import("../DropdownMenu").DropdownMenuSubTrigger;
     };
     parameters: {
         iframe: {

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

@@ -1,7 +1,5 @@
 import React from "react";
 import type * as T from "./FileUpload.types";
-declare const FileUploadTrigger: React.FC<T.TriggerProps>;
-declare const FileUpload: React.FC<T.Props> & {
-    Trigger: typeof FileUploadTrigger;
-};
+export declare const FileUploadTrigger: React.FC<T.TriggerProps>;
+declare const FileUpload: React.FC<T.Props>;
 export default FileUpload;

package/dist/components/FileUpload/FileUpload.js

@@ -5,7 +5,7 @@ import View from "../View/index.js";
 import HiddenVisually from "../HiddenVisually/index.js";
 import useToggle from "../../hooks/useToggle.js";
 import s from "./FileUpload.module.css";
-const FileUploadTrigger = (props) => {
+export const FileUploadTrigger = (props) => {
     const { children } = props;
     return _jsx("span", { className: s.trigger, children: children });
 };
@@ -51,7 +51,6 @@ const FileUpload = (props) => {
             onDrop: handleDrop,
         }, children: variant === "outline" && !inline ? (_jsxs(View, { as: "label", className: s.triggerLayer, padding: 6, borderRadius: "medium", gap: 2, align: "center", justify: "center", textAlign: "center", animated: true, height: "100%", children: [inputNode, _jsx(View.Item, { children: childrenNode })] })) : (_jsxs("label", { className: s.triggerLayer, children: [inputNode, childrenNode] })) }));
 };
-FileUpload.Trigger = FileUploadTrigger;
 FileUpload.displayName = "FileUpload";
 FileUploadTrigger.displayName = "FileUpload.Trigger";
 export default FileUpload;

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

@@ -1,2 +1,6 @@
-export { default } from "./FileUpload";
+import FileUpload, { FileUploadTrigger } from "./FileUpload";
+declare const FileUploadRoot: typeof FileUpload & {
+    Trigger: typeof FileUploadTrigger;
+};
+export default FileUploadRoot;
 export type { Props as FileUploadProps } from "./FileUpload.types";

package/dist/components/FileUpload/index.js

@@ -1 +1,4 @@
-export { default } from "./FileUpload.js";
+import FileUpload, { FileUploadTrigger } from "./FileUpload.js";
+const FileUploadRoot = FileUpload;
+FileUploadRoot.Trigger = FileUploadTrigger;
+export default FileUploadRoot;

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

@@ -4,7 +4,7 @@ import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<import("./..").FileUploadProps> & {
-        Trigger: React.FC<import("../FileUpload.types").TriggerProps>;
+        Trigger: typeof import("../FileUpload").FileUploadTrigger;
     };
     parameters: {
         iframe: {

package/dist/components/Flyout/Flyout.d.ts

@@ -1,8 +1,3 @@
-import FlyoutTrigger from "./FlyoutTrigger";
-import FlyoutContent from "./FlyoutContent";
 import type * as T from "./Flyout.types";
-declare const Flyout: React.FC<T.Props> & {
-    Trigger: typeof FlyoutTrigger;
-    Content: typeof FlyoutContent;
-};
+declare const Flyout: React.FC<T.Props>;
 export default Flyout;

package/dist/components/Flyout/Flyout.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import FlyoutUncontrolled from "./FlyoutUncontrolled.js";
 import FlyoutControlled from "./FlyoutControlled.js";
-import FlyoutTrigger from "./FlyoutTrigger.js";
-import FlyoutContent from "./FlyoutContent.js";
 const Flyout = (props) => {
     const { active } = props;
     if (typeof active === "boolean")
         return _jsx(FlyoutControlled, { ...props });
     return _jsx(FlyoutUncontrolled, { ...props });
 };
-Flyout.Trigger = FlyoutTrigger;
-Flyout.Content = FlyoutContent;
 Flyout.displayName = "Flyout";
 export default Flyout;

package/dist/components/Flyout/index.d.ts

@@ -1,3 +1,10 @@
-export { default } from "./Flyout";
+import Flyout from "./Flyout";
+import FlyoutTrigger from "./FlyoutTrigger";
+import FlyoutContent from "./FlyoutContent";
+declare const FlyoutRoot: typeof Flyout & {
+    Trigger: typeof FlyoutTrigger;
+    Content: typeof FlyoutContent;
+};
+export default FlyoutRoot;
 export { useFlyoutContext } from "./Flyout.context";
 export type { Props as FlyoutProps, Instance as FlyoutInstance, TriggerProps as FlyoutTriggerProps, ContentProps as FlyoutContentProps, CloseReason as FlyoutCloseReason, TriggerAttributes as FlyoutTriggerAttributes, } from "./Flyout.types";

package/dist/components/Flyout/index.js

@@ -1,2 +1,8 @@
-export { default } from "./Flyout.js";
+import Flyout from "./Flyout.js";
+import FlyoutTrigger from "./FlyoutTrigger.js";
+import FlyoutContent from "./FlyoutContent.js";
+const FlyoutRoot = Flyout;
+FlyoutRoot.Trigger = FlyoutTrigger;
+FlyoutRoot.Content = FlyoutContent;
+export default FlyoutRoot;
 export { useFlyoutContext } from "./Flyout.context.js";

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

@@ -1,11 +1,4 @@
 import React from "react";
 import type * as T from "./FormControl.types";
-import FormControlLabel from "./FormControlLabel";
-import FormControlHelper from "./FormControlHelper";
-import FormControlError from "./FormControlError";
-declare const FormControl: React.FC<T.Props> & {
-    Label: typeof FormControlLabel;
-    Helper: typeof FormControlHelper;
-    Error: typeof FormControlError;
-};
+declare const FormControl: React.FC<T.Props>;
 export default FormControl;

package/dist/components/FormControl/FormControl.js

@@ -4,9 +4,6 @@ import React from "react";
 import useElementId from "../../hooks/useElementId.js";
 import { Provider } from "./FormControl.context.js";
 import { getCaptionId } from "./FormControl.utilities.js";
-import FormControlLabel from "./FormControlLabel.js";
-import FormControlHelper from "./FormControlHelper.js";
-import FormControlError from "./FormControlError.js";
 const FormControl = (props) => {
     const { children, id: passedId, required, hasError, group, disabled, size } = props;
     const id = useElementId(passedId);
@@ -28,8 +25,5 @@ const FormControl = (props) => {
     };
     return (_jsx(WrapperTagName, { children: _jsx(Provider, { value: { required, hasError, errorRef, helperRef, attributes, group, disabled, size }, children: children }) }));
 };
-FormControl.Label = FormControlLabel;
-FormControl.Helper = FormControlHelper;
-FormControl.Error = FormControlError;
 FormControl.displayName = "FormControl";
 export default FormControl;

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

@@ -1,3 +1,12 @@
-export { default } from "./FormControl";
+import FormControl from "./FormControl";
+import FormControlLabel from "./FormControlLabel";
+import FormControlHelper from "./FormControlHelper";
+import FormControlError from "./FormControlError";
+declare const FormControlRoot: typeof FormControl & {
+    Label: typeof FormControlLabel;
+    Helper: typeof FormControlHelper;
+    Error: typeof FormControlError;
+};
+export default FormControlRoot;
 export { useFormControl } from "./FormControl.context";
 export type { Props as FormControlProps } from "./FormControl.types";

package/dist/components/FormControl/index.js

@@ -1,2 +1,10 @@
-export { default } from "./FormControl.js";
+import FormControl from "./FormControl.js";
+import FormControlLabel from "./FormControlLabel.js";
+import FormControlHelper from "./FormControlHelper.js";
+import FormControlError from "./FormControlError.js";
+const FormControlRoot = FormControl;
+FormControlRoot.Label = FormControlLabel;
+FormControlRoot.Helper = FormControlHelper;
+FormControlRoot.Error = FormControlError;
+export default FormControlRoot;
 export { useFormControl } from "./FormControl.context.js";

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

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

package/dist/components/Grid/Grid.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames, responsiveVariables, responsivePropDependency } from "../../utilities/props.js";
 import { resolveMixin } from "../../styles/mixin.js";
 import s from "./Grid.module.css";
-const GridItem = (props) => {
+export const GridItem = (props) => {
     const { area, colStart, colEnd, colSpan, rowStart, rowEnd, rowSpan, children, className, 
     // Using any here to let TS save on type resolving, otherwise TS throws an error due to the type complexity
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -51,7 +51,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/index.d.ts

@@ -1,2 +1,6 @@
-export { default } from "./Grid";
+import Grid, { GridItem } from "./Grid";
+declare const GridRoot: typeof Grid & {
+    Item: typeof GridItem;
+};
+export default GridRoot;
 export type { Props as GridProps, ItemProps as GridItemProps } from "./Grid.types";

package/dist/components/Grid/index.js

@@ -1 +1,4 @@
-export { default } from "./Grid.js";
+import Grid, { GridItem } from "./Grid.js";
+const GridRoot = Grid;
+GridRoot.Item = GridItem;
+export default GridRoot;

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

@@ -3,11 +3,9 @@ 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;
-            displayName: string;
-        };
         displayName: string;
+    } & {
+        Item: typeof import("../Grid").GridItem;
     };
     parameters: {
         iframe: {

package/dist/components/MenuItem/MenuItem.d.ts

@@ -1,3 +1,14 @@
+import { type ActionableRef } from "../Actionable";
 import type * as T from "./MenuItem.types";
-declare const MenuItem: T.Export;
+declare const MenuItem: import("react").ForwardRefExoticComponent<Pick<import("../Actionable").ActionableProps, "disabled" | "children" | "className" | "attributes" | "as" | "render" | "href" | "onClick" | "stopPropagation"> & {
+    color?: "neutral" | "critical" | "primary";
+    icon?: import("../Icon").IconProps["svg"];
+    children: React.ReactNode;
+    startSlot?: React.ReactNode;
+    endSlot?: React.ReactNode;
+    highlighted?: boolean;
+    selected?: boolean;
+    size?: import("../..").Responsive<T.Size>;
+    roundedCorners?: import("../..").Responsive<boolean>;
+} & import("react").RefAttributes<ActionableRef>>;
 export default MenuItem;

package/dist/components/MenuItem/MenuItem.js

@@ -4,7 +4,6 @@ import { classNames, responsiveClassNames, responsivePropDependency } from "../.
 import Actionable from "../Actionable/index.js";
 import Icon from "../Icon/index.js";
 import View from "../View/index.js";
-import MenuItemAligner from "./MenuItemAligner.js";
 import s from "./MenuItem.module.css";
 const MenuItem = forwardRef((props, ref) => {
     const { icon, startSlot, endSlot, children, color = "primary", selected, highlighted, disabled, onClick, href, size = "medium", roundedCorners, stopPropagation, as, render, className, attributes, } = props;
@@ -13,6 +12,5 @@ const MenuItem = forwardRef((props, ref) => {
     const iconSize = responsivePropDependency(size, (size) => (size === "large" ? 5 : 4));
     return (_jsx(Actionable, { disabled: disabled, className: rootClassNames, attributes: { ...attributes, "data-rs-aligner-target": true }, onClick: onClick, href: href, ref: ref, as: as, stopPropagation: stopPropagation, render: render, children: _jsxs(View, { direction: "row", gap: gapSize, align: "center", children: [icon && _jsx(Icon, { svg: icon, className: s.icon, size: iconSize }), !icon && startSlot, children && (_jsx(View.Item, { grow: true, className: s.content, children: children })), endSlot] }) }));
 });
-MenuItem.Aligner = MenuItemAligner;
 MenuItem.displayName = "MenuItem";
 export default MenuItem;

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

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { IconProps } from "../Icon";
-import type { ActionableProps, ActionableRef } from "../Actionable";
+import type { ActionableProps } from "../Actionable";
 import type * as G from "../../types/global";
 export type Size = "small" | "medium" | "large";
 export type Props = Pick<ActionableProps, "attributes" | "className" | "disabled" | "children" | "href" | "onClick" | "as" | "stopPropagation" | "render"> & {
@@ -31,8 +31,3 @@ export type AlignerProps = {
     /** Additional attributes for the root element */
     attributes?: G.Attributes<"div">;
 };
-export type Export = React.ForwardRefExoticComponent<Props & {
-    ref?: ActionableRef;
-}> & {
-    Aligner: React.ComponentType<AlignerProps>;
-};

package/dist/components/MenuItem/index.d.ts

@@ -1,2 +1,7 @@
-export { default } from "./MenuItem";
+import MenuItem from "./MenuItem";
+import MenuItemAligner from "./MenuItemAligner";
+declare const MenuItemRoot: typeof MenuItem & {
+    Aligner: typeof MenuItemAligner;
+};
+export default MenuItemRoot;
 export type { Props as MenuItemProps } from "./MenuItem.types";

package/dist/components/MenuItem/index.js

@@ -1 +1,5 @@
-export { default } from "./MenuItem.js";
+import MenuItem from "./MenuItem.js";
+import MenuItemAligner from "./MenuItemAligner.js";
+const MenuItemRoot = MenuItem;
+MenuItemRoot.Aligner = MenuItemAligner;
+export default MenuItemRoot;

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

@@ -2,7 +2,19 @@ import { StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
 declare const _default: {
     title: string;
-    component: import("../MenuItem.types").Export;
+    component: import("react").ForwardRefExoticComponent<Pick<import("../../Actionable").ActionableProps, "children" | "disabled" | "className" | "attributes" | "as" | "render" | "onClick" | "href" | "stopPropagation"> & {
+        color?: "neutral" | "critical" | "primary";
+        icon?: import("../../Icon").IconProps["svg"];
+        children: React.ReactNode;
+        startSlot?: React.ReactNode;
+        endSlot?: React.ReactNode;
+        highlighted?: boolean;
+        selected?: boolean;
+        size?: import("../../../types/global").Responsive<import("../MenuItem.types").Size>;
+        roundedCorners?: import("../../../types/global").Responsive<boolean>;
+    } & import("react").RefAttributes<import("../../Actionable").ActionableRef>> & {
+        Aligner: import("react").FC<import("../../_private/Aligner").AlignerProps>;
+    };
     parameters: {
         iframe: {
             url: string;

package/dist/components/Modal/Modal.d.ts

@@ -1,9 +1,6 @@
 import React from "react";
 import type * as T from "./Modal.types";
-declare const ModalTitle: React.FC<T.TitleProps>;
-declare const ModalSubtitle: React.FC<T.SubtitleProps>;
-declare const Modal: React.FC<T.Props> & {
-    Title: typeof ModalTitle;
-    Subtitle: typeof ModalSubtitle;
-};
+export declare const ModalTitle: React.FC<T.TitleProps>;
+export declare const ModalSubtitle: React.FC<T.SubtitleProps>;
+declare const Modal: React.FC<T.Props>;
 export default Modal;

package/dist/components/Modal/Modal.js

@@ -22,7 +22,7 @@ const Context = React.createContext({
     setSubtitleMounted: () => { },
 });
 const useModal = () => React.useContext(Context);
-const ModalTitle = (props) => {
+export const ModalTitle = (props) => {
     const { children } = props;
     const { id, setTitleMounted } = useModal();
     React.useEffect(() => {
@@ -31,7 +31,7 @@ const ModalTitle = (props) => {
     }, [setTitleMounted]);
     return (_jsx(Text, { variant: "featured-3", weight: "bold", attributes: { id: `${id}-title` }, children: children }));
 };
-const ModalSubtitle = (props) => {
+export const ModalSubtitle = (props) => {
     const { children } = props;
     const { id, setSubtitleMounted } = useModal();
     React.useEffect(() => {
@@ -181,8 +181,6 @@ const Modal = (props) => {
                     }, "aria-labelledby": titleMounted ? `${id}-title` : undefined, "aria-describedby": subtitleMounted ? `${id}-subtitle` : undefined, "aria-label": ariaLabel || attributes?.["aria-label"], className: rootClassNames, "aria-modal": "true", role: "dialog", tabIndex: !autoFocus ? -1 : undefined, ref: rootRef, onTransitionEnd: handleTransitionEnd, children: children }) }));
         } }));
 };
-Modal.Title = ModalTitle;
-Modal.Subtitle = ModalSubtitle;
 Modal.displayName = "Modal";
 ModalTitle.displayName = "Modal.Title";
 ModalSubtitle.displayName = "Modal.Subtitle";

package/dist/components/Modal/index.d.ts

@@ -1,2 +1,7 @@
-export { default } from "./Modal";
+import Modal, { ModalTitle, ModalSubtitle } from "./Modal";
+declare const ModalRoot: typeof Modal & {
+    Title: typeof ModalTitle;
+    Subtitle: typeof ModalSubtitle;
+};
+export default ModalRoot;
 export type { Props as ModalProps } from "./Modal.types";

package/dist/components/Modal/index.js

@@ -1 +1,5 @@
-export { default } from "./Modal.js";
+import Modal, { ModalTitle, ModalSubtitle } from "./Modal.js";
+const ModalRoot = Modal;
+ModalRoot.Title = ModalTitle;
+ModalRoot.Subtitle = ModalSubtitle;
+export default ModalRoot;

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

@@ -5,8 +5,8 @@ import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: React.FC<ModalProps> & {
-        Title: React.FC<import("../Modal.types").TitleProps>;
-        Subtitle: React.FC<import("../Modal.types").SubtitleProps>;
+        Title: typeof import("../Modal").ModalTitle;
+        Subtitle: typeof import("../Modal").ModalSubtitle;
     };
     parameters: {
         iframe: {

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

@@ -1,10 +1,5 @@
-import Flyout from "../Flyout";
 import { type DismissibleProps } from "../Dismissible";
 import type * as T from "./Popover.types";
-declare const Popover: React.FC<T.Props> & {
-    Dismissible: typeof PopoverDismissible;
-    Trigger: typeof Flyout.Trigger;
-    Content: typeof Flyout.Content;
-};
-declare const PopoverDismissible: React.FC<DismissibleProps>;
+declare const Popover: React.FC<T.Props>;
+export declare const PopoverDismissible: React.FC<DismissibleProps>;
 export default Popover;

package/dist/components/Popover/Popover.js

@@ -12,13 +12,10 @@ const Popover = (props) => {
     const contentClassName = classNames(s.content, !!width && s["content--has-width"], variant && s[`content--variant-${variant}`], elevation && s[`content--elevation-${elevation}`], borderRadius && s[`content--radius-${borderRadius}`], mixinStyles.classNames);
     return (_jsx(Flyout, { ...flyoutProps, position: position, trapFocusMode: trapFocusMode, triggerType: triggerType, width: width, contentClassName: contentClassName, contentAttributes: { style: { ...mixinStyles.variables } } }));
 };
-const PopoverDismissible = (props) => {
+export const PopoverDismissible = (props) => {
     const { handleClose } = useFlyoutContext();
     return _jsx(Dismissible, { ...props, onClose: () => handleClose({}) });
 };
-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/index.d.ts

@@ -1,2 +1,9 @@
-export { default } from "./Popover";
+import Flyout from "../Flyout";
+import Popover, { PopoverDismissible } from "./Popover";
+declare const PopoverRoot: typeof Popover & {
+    Dismissible: typeof PopoverDismissible;
+    Trigger: typeof Flyout.Trigger;
+    Content: typeof Flyout.Content;
+};
+export default PopoverRoot;
 export type { Props as PopoverProps, Instance as PopoverInstance } from "./Popover.types";

package/dist/components/Popover/index.js

@@ -1 +1,7 @@
-export { default } from "./Popover.js";
+import Flyout from "../Flyout/index.js";
+import Popover, { PopoverDismissible } from "./Popover.js";
+const PopoverRoot = Popover;
+PopoverRoot.Dismissible = PopoverDismissible;
+PopoverRoot.Trigger = Flyout.Trigger;
+PopoverRoot.Content = Flyout.Content;
+export default PopoverRoot;

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

@@ -3,7 +3,7 @@ import { fn } from "storybook/test";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").PopoverProps> & {
-        Dismissible: import("react").FC<import("../../Dismissible").DismissibleProps>;
+        Dismissible: typeof import("../Popover").PopoverDismissible;
         Trigger: import("react").FC<import("../../Flyout").FlyoutTriggerProps>;
         Content: import("react").FC<import("../../Flyout").FlyoutContentProps>;
     };

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

@@ -1,7 +1,5 @@
 import React from "react";
 import type * as T from "./Resizable.types";
-declare const Resizable: React.FC<T.Props> & {
-    Item: React.FC<T.ItemProps>;
-    Handle: React.FC<T.HandleProps>;
-};
+export declare const ResizableItem: React.FC<T.ItemProps>;
+declare const Resizable: React.FC<T.Props>;
 export default Resizable;

package/dist/components/Resizable/Resizable.js

@@ -3,8 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { classNames } from "../../utilities/props.js";
 import View from "../View/index.js";
-import ResizableHandle, { ResizableHandleContext } from "./ResizableHandle.js";
+import { ResizableHandleContext } from "./ResizableHandle.js";
 import s from "./Resizable.module.css";
+export const ResizableItem = () => null;
 const PrivateResizableItem = React.forwardRef((props, ref) => {
     const { children, defaultSize, minSize, maxSize } = props;
     const itemRef = React.useRef(null);
@@ -113,10 +114,10 @@ const Resizable = (props) => {
     }, [horizontal]);
     const output = React.Children.map(children, (child) => {
         const isComponent = React.isValidElement(child);
-        if (isComponent && child.props && child.type !== Resizable.Item) {
+        if (isComponent && child.props && child.type !== ResizableItem) {
             return (_jsx(ResizableHandleContext.Provider, { value: { containerRef, index: currentHandleIndex++, onDrag, direction }, children: child }));
         }
-        if (isComponent && child.props && child.type === Resizable.Item) {
+        if (isComponent && child.props && child.type === ResizableItem) {
             const index = currentHandleIndex;
             return (_jsx(PrivateResizableItem, { ...child.props, index: currentItemIndex++, ref: (el) => {
                     itemsRef.current[index] = { el, props: child.props };
@@ -126,7 +127,5 @@ const Resizable = (props) => {
     });
     return (_jsx(View, { attributes: { ...attributes, ref: containerRef }, className: rootClassNames, height: height, direction: direction, align: "stretch", gap: gap, children: output }));
 };
-Resizable.Item = () => null;
-Resizable.Handle = ResizableHandle;
 Resizable.displayName = "Resizable";
 export default Resizable;

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

@@ -1,2 +1,8 @@
-export { default } from "./Resizable";
+import Resizable, { ResizableItem } from "./Resizable";
+import ResizableHandle from "./ResizableHandle";
+declare const ResizableRoot: typeof Resizable & {
+    Item: typeof ResizableItem;
+    Handle: typeof ResizableHandle;
+};
+export default ResizableRoot;
 export type { Props as ResizableProps, ItemProps as ResizableItemProps, HandleProps as ResizableHandleProps, } from "./Resizable.types";

package/dist/components/Resizable/index.js

@@ -1 +1,6 @@
-export { default } from "./Resizable.js";
+import Resizable, { ResizableItem } from "./Resizable.js";
+import ResizableHandle from "./ResizableHandle.js";
+const ResizableRoot = Resizable;
+ResizableRoot.Item = ResizableItem;
+ResizableRoot.Handle = ResizableHandle;
+export default ResizableRoot;

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

@@ -2,8 +2,8 @@ import { StoryObj } from "@storybook/react-vite";
 declare const _default: {
     title: string;
     component: import("react").FC<import("./..").ResizableProps> & {
-        Item: React.FC<import("./..").ResizableItemProps>;
-        Handle: React.FC<import("./..").ResizableHandleProps>;
+        Item: typeof import("../Resizable").ResizableItem;
+        Handle: import("react").FC<import("./..").ResizableHandleProps>;
     };
     parameters: {
         iframe: {

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

@@ -1,11 +1,4 @@
 import React from "react";
 import type * as T from "./Select.types";
-import SelectOption from "./SelectOption";
-import SelectOptionGroup from "./SelectOptionGroup";
-import SelectCustom from "./SelectCustom";
-declare const Select: React.FC<T.NativeProps> & {
-    Custom: typeof SelectCustom;
-    Option: typeof SelectOption;
-    OptionGroup: typeof SelectOptionGroup;
-};
+declare const Select: React.FC<T.NativeProps>;
 export default Select;

package/dist/components/Select/Select.js

@@ -4,9 +4,6 @@ import React from "react";
 import SelectNative from "./SelectNative.js";
 import SelectRoot from "./SelectRoot.js";
 import SelectTrigger from "./SelectTrigger.js";
-import SelectOption from "./SelectOption.js";
-import SelectOptionGroup from "./SelectOptionGroup.js";
-import SelectCustom from "./SelectCustom.js";
 const Select = (props) => {
     const { children } = props;
     return (_jsx(SelectRoot, { ...props, children: (props) => {
@@ -22,7 +19,4 @@ const Select = (props) => {
         } }));
 };
 Select.displayName = "Select";
-Select.Custom = SelectCustom;
-Select.Option = SelectOption;
-Select.OptionGroup = SelectOptionGroup;
 export default Select;

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

@@ -1,2 +1,11 @@
-export { default } from "./Select";
+import Select from "./Select";
+import SelectCustom from "./SelectCustom";
+import SelectOption from "./SelectOption";
+import SelectOptionGroup from "./SelectOptionGroup";
+declare const SelectRoot: typeof Select & {
+    Custom: typeof SelectCustom;
+    Option: typeof SelectOption;
+    OptionGroup: typeof SelectOptionGroup;
+};
+export default SelectRoot;
 export type { Props as SelectProps } from "./Select.types";