@deadragdoll/reactnu 0.1.56 → 0.1.73

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

@@ -10,6 +10,12 @@ export type MainMenuDivider = {
     id: string;
     type: "divider";
 };
+/** Flexible root-menu space that pushes following menu items to the end. */
+export type MainMenuSpacer = {
+    hidden?: boolean;
+    id: string;
+    type: "spacer";
+};
 export type MainMenuItem = MainMenuFlags & {
     id: string;
     /** Decorative mark shown before the item label in popup menus. */
@@ -21,6 +27,7 @@ export type MainMenuItem = MainMenuFlags & {
     text: string;
     type?: "item";
 };
-export type MainMenuNode = MainMenuItem | MainMenuDivider;
+export type MainMenuNode = MainMenuItem | MainMenuDivider | MainMenuSpacer;
 export declare function isMainMenuDivider(item: MainMenuNode): item is MainMenuDivider;
+export declare function isMainMenuSpacer(item: MainMenuNode): item is MainMenuSpacer;
 export declare function isMainMenuItem(item: MainMenuNode): item is MainMenuItem;

package/dist/components/MainMenu/internals/MainMenuSubmenuShell.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+type MainMenuSubmenuShellProps = PropsWithChildren<{
+    placement: "root" | "submenu";
+}>;
+/** Chooses the viewport-facing side only when the default right opening clips. */
+export declare function MainMenuSubmenuShell({ children, placement }: MainMenuSubmenuShellProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Spacer/Spacer.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+export type SpacerProps = Omit<HTMLAttributes<HTMLSpanElement>, "children">;
+/**
+ * Flexible, decorative space for a horizontal or vertical flex layout.
+ * Place it before controls that should move to the opposite edge.
+ */
+export declare function Spacer({ className, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from "./Spacer";

package/dist/components/ToolBar/ToolBar.d.ts

@@ -1,8 +1,12 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, ReactNode } from "react";
 import { SlotCustomizationProps } from "../_shared/slotProps";
 import { CommandButtonProps } from "../CommandButton/CommandButton";
 import { MainMenuItem, MainMenuNode } from "../MainMenu/MainMenu.types";
 export type ToolBarProps = HTMLAttributes<HTMLDivElement> & {
+    /** Static decorative or informative content before the tool controls. */
+    startContent?: ReactNode;
+    /** Static decorative or informative content after the tool controls. */
+    endContent?: ReactNode;
     fill?: boolean;
     slotClassNames?: SlotCustomizationProps<"root">["slotClassNames"];
     slotStyles?: SlotCustomizationProps<"root">["slotStyles"];
@@ -19,7 +23,7 @@ export type ToolDropButtonProps = ToolButtonProps & {
     onMenuItemSelect?: (item: MainMenuItem) => void;
     uncheckedShape?: "box" | "none";
 };
-export declare function ToolBar({ children, className, fill, slotClassNames, slotStyles, wrap, ...props }: ToolBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolBar({ children, className, endContent, fill, slotClassNames, slotStyles, startContent, wrap, ...props }: ToolBarProps): import("react/jsx-runtime").JSX.Element;
 export declare function ToolButton({ className, slotClassNames, slotStyles, ...props }: ToolButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare function ToolDropButton({ className, menuItems, onMenuItemSelect, slotClassNames, slotStyles, uncheckedShape, ...props }: ToolDropButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare function ToolSeparator({ className, ...props }: ToolSeparatorProps): import("react/jsx-runtime").JSX.Element;