ingred-ui 32.0.0 → 32.1.0

package/dist/components/NavigationRail/MobileMenuButton/MobileMenuButton.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * モバイルの「メニューを開く」ボタン。
+ *
+ * `NavigationRail.Container` 配下の任意の場所（独自 AppBar 内など）に設置できる。
+ * 設置すると Container は自動でデフォルト（右上固定）のメニューボタンを描画しなくなるため、
+ * 二重描画にならない。開閉ロジック・通知バッジ・アクセシビリティは組み込みと同一。
+ */
+export declare const MobileMenuButton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NavigationRail/MobileMenuButton/MobileMenuButtonView.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * モバイルの「メニューを開く」ボタン本体（presentational）。
+ * 表示条件（モバイル かつ ドロワー閉）と通知バッジ表示を内包する。
+ * 配置（固定/インライン）は呼び出し側に委ねる。
+ */
+export declare const MobileMenuButtonView: React.ForwardRefExoticComponent<React.RefAttributes<HTMLButtonElement>>;

package/dist/components/NavigationRail/MobileMenuButton/index.d.ts

@@ -0,0 +1 @@
+export { MobileMenuButton } from "./MobileMenuButton";

package/dist/components/NavigationRail/NavigationRail.d.ts

@@ -7,6 +7,7 @@ import { Menu } from "./Menu";
 import { ExpansionMenu } from "./ExpansionMenu";
 import { ExpansionMenuItem } from "./ExpansionMenuItem";
 import { Slot, SlotContent } from "./Slot";
+import { MobileMenuButton } from "./MobileMenuButton";
 type ExportedComponentType = {
     (props: Props & React.RefAttributes<HTMLDivElement>): JSX.Element;
     Container: typeof NavigationRailContainer;
@@ -20,6 +21,7 @@ type ExportedComponentType = {
     MainContent: typeof MainContent;
     Slot: typeof Slot;
     SlotContent: typeof SlotContent;
+    MobileMenuButton: typeof MobileMenuButton;
 };
 type Props = {
     children?: React.ReactNode;

package/dist/components/NavigationRail/NavigationRailContainer/NavigationRailContainer.d.ts

@@ -22,6 +22,13 @@ export type NavigationRailContainerProps = {
      * 折りたたみ時の `Fixture` には 1 件以上で赤ドットのみ（件数なし）。メニュー行とは別管理。
      */
     slotNotificationCount?: number;
+    /**
+     * モバイル時にデフォルト（右上固定）の「メニューを開く」ボタンを描画するか。
+     * `NavigationRail.MobileMenuButton` を配置した場合はデフォルトが自動抑制される。
+     * 自前ボタンのみ使う場合は `false` を指定する。
+     * @default true
+     */
+    showMobileMenuButton?: boolean;
     children: React.ReactNode;
 };
 declare const NavigationRailContainer: React.ForwardRefExoticComponent<NavigationRailContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/NavigationRail/NavigationRailContainer/styled.d.ts

@@ -1,2 +1,2 @@
 export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<any, never> & Partial<Pick<any, never>>> & string;
+export declare const MobileMenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/NavigationRail/utils.d.ts

@@ -9,6 +9,12 @@ export type NavigationRailContextValues = {
     isMobile: boolean;
     isMobileMenuOpen: boolean;
     handleMobileMenuToggle?: () => void;
+    /**
+     * 任意位置に設置された `NavigationRail.MobileMenuButton` を登録する。
+     * 登録があると Container はデフォルト（右上固定）のメニューボタンを描画しない。
+     */
+    registerMobileMenuButton?: () => void;
+    unregisterMobileMenuButton?: () => void;
     /**
      * モバイル向けの未読件数（メニュー内の通知を含む合算。ドロワー閉時は開くボタンへ表示）。
      */