@homebound/beam 4.52.0 → 4.53.0

package/dist/index.d.cts

@@ -8137,6 +8137,8 @@ type ButtonGroupProps = {
     /** Disables all buttons in ButtonGroup */
     disabled?: boolean;
     size?: ButtonGroupSize;
+    /** Stretches the group to its container, splitting the width evenly between the buttons. */
+    fullWidth?: boolean;
 };
 type ButtonGroupButton = {
     icon?: IconProps["icon"];
@@ -9633,8 +9635,10 @@ type ViewToggleButtonProps = {
     view: TableView;
     onChange: (view: TableView) => void;
     defaultOpen?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
 };
-declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): React$1.JSX.Element;
+declare function ViewToggleButton({ view, onChange, defaultOpen, ...props }: ViewToggleButtonProps): React$1.JSX.Element;
 
 type UsePersistedFilterProps$1<F> = {
     filterDefs: FilterDefs<F>;
@@ -9657,6 +9661,11 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     emptyFallback?: string;
     /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
     actions?: HeaderAction[];
+    /**
+     * A button group that switches between the table's views, e.g. Cost / Price. Mark the current view `active`.
+     * Sits before the columns selector; in the mobile format it moves to the top of the columns menu, if there is one.
+     */
+    viewModeToggle?: ButtonGroupButton[];
     /** Shows "N Rows Selected · Clear" before the columns selector; Clear deselects every row. */
     selectionSummary?: boolean;
     hideEditColumns?: boolean;
@@ -11187,6 +11196,13 @@ type EditColumnsButtonProps<R extends Kinded> = {
     api: GridTableApi<R>;
     /** When set, columns that share a name use one Edit Columns switch. */
     shareColumnVisibility?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
+    /**
+     * A button group pinned full width above the column list, e.g. the table's view mode toggle when it has no room
+     * in the toolbar.
+     */
+    viewToggle?: Omit<ButtonGroupProps, "size" | "fullWidth">;
     defaultOpen?: boolean;
 } & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): React$1.JSX.Element;

package/dist/index.d.ts

@@ -8137,6 +8137,8 @@ type ButtonGroupProps = {
     /** Disables all buttons in ButtonGroup */
     disabled?: boolean;
     size?: ButtonGroupSize;
+    /** Stretches the group to its container, splitting the width evenly between the buttons. */
+    fullWidth?: boolean;
 };
 type ButtonGroupButton = {
     icon?: IconProps["icon"];
@@ -9633,8 +9635,10 @@ type ViewToggleButtonProps = {
     view: TableView;
     onChange: (view: TableView) => void;
     defaultOpen?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
 };
-declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): React$1.JSX.Element;
+declare function ViewToggleButton({ view, onChange, defaultOpen, ...props }: ViewToggleButtonProps): React$1.JSX.Element;
 
 type UsePersistedFilterProps$1<F> = {
     filterDefs: FilterDefs<F>;
@@ -9657,6 +9661,11 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     emptyFallback?: string;
     /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
     actions?: HeaderAction[];
+    /**
+     * A button group that switches between the table's views, e.g. Cost / Price. Mark the current view `active`.
+     * Sits before the columns selector; in the mobile format it moves to the top of the columns menu, if there is one.
+     */
+    viewModeToggle?: ButtonGroupButton[];
     /** Shows "N Rows Selected · Clear" before the columns selector; Clear deselects every row. */
     selectionSummary?: boolean;
     hideEditColumns?: boolean;
@@ -11187,6 +11196,13 @@ type EditColumnsButtonProps<R extends Kinded> = {
     api: GridTableApi<R>;
     /** When set, columns that share a name use one Edit Columns switch. */
     shareColumnVisibility?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
+    /**
+     * A button group pinned full width above the column list, e.g. the table's view mode toggle when it has no room
+     * in the toolbar.
+     */
+    viewToggle?: Omit<ButtonGroupProps, "size" | "fullWidth">;
     defaultOpen?: boolean;
 } & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): React$1.JSX.Element;