@genesislcap/grid-pro 15.13.1 → 15.14.0-FUI-2601.2

package/dist/grid-pro.d.ts

@@ -26,8 +26,8 @@ import { ColDef as ColDef_2 } from 'ag-grid-community';
 import { ColGroupDef } from '@ag-grid-community/core';
 import { ColSpanFunc } from 'ag-grid-community';
 import { ColSpanParams } from '@ag-grid-community/core';
-import { Column } from '@ag-grid-community/core';
-import { Column as Column_2 } from 'ag-grid-community';
+import { Column } from 'ag-grid-community';
+import { Column as Column_2 } from '@ag-grid-community/core';
 import type { ColumnApi } from '@ag-grid-community/core';
 import { ColumnChooserParams } from 'ag-grid-community';
 import { ColumnMenuTab } from '@ag-grid-community/core';
@@ -69,8 +69,8 @@ import { GetQuickFilterTextParams } from '@ag-grid-community/core';
 import { Grid } from '@ag-grid-community/core';
 import type { GridApi } from '@ag-grid-community/core';
 import type { GridApi as GridApi_2 } from 'ag-grid-community';
-import { GridOptions } from '@ag-grid-community/core';
-import { GridOptions as GridOptions_2 } from 'ag-grid-community';
+import { GridOptions } from 'ag-grid-community';
+import { GridOptions as GridOptions_2 } from '@ag-grid-community/core';
 import type { GridParams } from '@ag-grid-community/core';
 import type { GridParams as GridParams_2 } from 'ag-grid-community';
 import { GridReadyEvent } from 'ag-grid-community';
@@ -99,6 +99,8 @@ import { IRowDragItem } from '@ag-grid-community/core';
 import { IRowNode } from '@ag-grid-community/core';
 import { IStatusPanelComp } from 'ag-grid-community';
 import { IStatusPanelParams } from 'ag-grid-community';
+import type { IToolPanelComp } from 'ag-grid-community';
+import type { IToolPanelParams } from 'ag-grid-community';
 import { ITooltipComp } from '@ag-grid-community/core';
 import { ITooltipParams } from '@ag-grid-community/core';
 import { JSONSerializer } from '@genesislcap/foundation-utils';
@@ -145,6 +147,7 @@ import { SwatchRGB } from '@microsoft/fast-components';
 import { TextField } from '@genesislcap/foundation-ui';
 import { ToolPanelClassParams } from '@ag-grid-community/core';
 import { ToolPanelClassParams as ToolPanelClassParams_2 } from 'ag-grid-community';
+import type { ToolPanelDef } from 'ag-grid-community';
 import { TooltipValueGetterFunc } from 'ag-grid-community';
 import { ValueFormatterFunc } from '@ag-grid-community/core';
 import { ValueFormatterFunc as ValueFormatterFunc_2 } from 'ag-grid-community';
@@ -569,6 +572,11 @@ export declare const agThemeTokenMapClassname: (themeName: string) => string;
  */
 export declare const agThemeTokenMapCSS: (themeName: string, tokenMap: CSSVarTokenMap<any>) => ElementStyles;
 
+export declare function applyVisibleOrder<T extends {
+    colId?: string;
+    hide?: boolean | null;
+}>(columnState: T[], visibleOrder: string[]): T[];
+
 /**
  * The background color swatch.
  * @internal
@@ -642,6 +650,122 @@ export declare type BooleanRendererParams = {
  */
 export declare const CellTemplate: ViewTemplate<GridProCell, any>;
 
+export declare interface ColumnPickerItem {
+    colId: string;
+    headerName: string;
+    visible: boolean;
+    lockVisible: boolean;
+}
+
+/**
+ * Custom columns tool panel. Replaces AG Grid Enterprise `agColumnsToolPanel`.
+ *
+ * @public
+ * @remarks
+ * Registered as `gridProColumnsToolPanel` (`GridProToolPanelTypes.columns`).
+ * `resolveGridProSideBar` rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to this
+ * component when using AG's Enterprise `SideBarModule`.
+ *
+ * Prefer mounting via `with-side-bar` on {@link GridProBeta} for a Community-only UI
+ * that does not register any AG Enterprise modules.
+ *
+ * Layout: search → visible columns (drag to reorder) → divider → hidden columns.
+ * Checkboxes toggle visibility via `api.setColumnsVisible`; drag is limited to the
+ * visible list and disabled while a search filter is active.
+ *
+ * HTML Element: \<grid-pro-columns-tool-panel\>
+ */
+export declare class ColumnsToolPanel extends FoundationElement implements IToolPanelComp {
+    prefix: string;
+    private params;
+    private api;
+    /** Source colId while a visible-row drag is in progress. */
+    private dragColId;
+    /** Row currently showing drag-over highlight (avoid observable updates mid-drag). */
+    private dragOverElement;
+    /** Cancels row drag listeners when the selected list re-renders. */
+    private dragBindingAbort;
+    /** Optimistic visibility while the grid applies setColumnsVisible. */
+    private pendingVisibility;
+    search: string;
+    selectedItems: ColumnPickerItem[];
+    unselectedItems: ColumnPickerItem[];
+    /** Stable listener refs so `destroy` can remove the same functions `init` added. */
+    private readonly boundRefresh;
+    /** Drag reorder is only allowed on the full visible list (no active search). */
+    get canDrag(): boolean;
+    connectedCallback(): void;
+    /**
+     * AG Grid `IToolPanelComp` entry. Subscribes to column events so the picker
+     * stays in sync with header menu / API visibility changes.
+     */
+    init(params: IToolPanelParams): void;
+    /**
+     * Rebuilds both lists from current grid column state.
+     * Displayed columns stay first (grid order); hidden columns follow so search
+     * and drag operate on a single ordered picker model.
+     */
+    refresh(): void;
+    private applyPendingVisibility;
+    /** HTML5 drag on visible row handles only (disabled while search is active). */
+    private bindSelectedRowDrag;
+    /** Root element AG Grid mounts into the sidebar. */
+    getGui(): HTMLElement;
+    destroy(): void;
+    /**
+     * @internal
+     */
+    onSearchInput(value: string): void;
+    /**
+     * @internal
+     */
+    onCheckboxClick(item: ColumnPickerItem, event: MouseEvent): void;
+    /**
+     * @internal
+     */
+    onVisibilityChange(item: ColumnPickerItem, visible: boolean): void;
+    /**
+     * @internal
+     */
+    onDragStart(event: DragEvent, colId: string, row?: HTMLElement): void;
+    /**
+     * @internal
+     */
+    onDragEnd(): void;
+    /**
+     * @internal
+     */
+    onDragOver(event: DragEvent, row: HTMLElement): void;
+    /**
+     * @internal
+     */
+    onDragLeave(event: DragEvent, row: HTMLElement): void;
+    /**
+     * @internal
+     */
+    onDrop(event: DragEvent, colId: string): void;
+    private clearDragOverHighlight;
+    /**
+     * Applies a new visible-column order via `applyColumnState({ applyOrder: true })`.
+     * Hidden columns keep their relative positions; only the visible slice is permuted.
+     */
+    private reorderSelected;
+}
+
+/**
+ * Styles for {@link ColumnsToolPanel}.
+ * Class selectors only — the element has no shadow root so styles land on the
+ * parent root (Grid Pro shadow / document); `:host` would target the wrong node.
+ * @public
+ */
+export declare const columnsToolPanelStyles: ElementStyles;
+
+/**
+ * Default columns tool panel template (`foundation-*` components).
+ * @public
+ */
+export declare const columnsToolPanelTemplate: ViewTemplate<ColumnsToolPanel, any>;
+
 /**
  * The Grid Pro Column Template.
  * @public
@@ -679,6 +803,12 @@ export declare const convertToKebabCase: (value: string) => string;
  */
 export declare function copyAttributesToGridOptions(gridOptions: any, component: Record<string, any>): any;
 
+/**
+ * Builds a custom tool panel def (AG-style registration into our shell).
+ * @public
+ */
+export declare function createGridProSideBarTool(def: GridProSideBarToolDef): GridProSideBarToolDef;
+
 /**
  * The delimiter for the criteria string.
  * @public
@@ -1399,7 +1529,7 @@ export declare interface FuiCellRendererParams extends ICellRendererParams {
 export declare class GenesisGridDatasourceElement extends GenesisGridDatasourceElement_base {
     connect: Connect;
     datasource: Datasource;
-    deferredGridOptions: GridOptions;
+    deferredGridOptions: GridOptions_2;
     deferredColumnStates: ColumnState[];
     /**
      * Allows grid data updates to be processed via and external function before applying in grid
@@ -1967,6 +2097,12 @@ export declare function getAvailableIndexes(data: Map<string, [string]>): string
  */
 export declare function getAvailableIndexFields(data: Map<string, [string]>): string[];
 
+/**
+ * Columns tool panel template with Design System prefix (`rapid-text-field`, etc.).
+ * @public
+ */
+export declare const getColumnsToolPanelTemplate: (prefix?: string) => ViewTemplate<ColumnsToolPanel, any>;
+
 /**
  * Return a column type base on each field's metadata from the selected resource.
  * @param metadataType - The type of the field/column
@@ -1993,6 +2129,12 @@ export declare function getEnumFilterParams(field: FieldMetadata, filterType: st
 
 export declare function getErrorHandlerDialogTemplate(prefix: string, gridErrorItems: GridProErrorItem<any>[]): ViewTemplate<any, any>;
 
+/**
+ * Community side bar chrome. Prefix selects DS buttons (`rapid-button`, `zero-button`).
+ * @public
+ */
+export declare const getGridProSideBarTemplate: (prefix?: string) => ViewTemplate<GridProSideBar, any>;
+
 /**
  * Get a Design System prefixed The Grid Pro template.
  * @param prefix - The design system prefix to use. Defaults to 'foundation'.
@@ -2033,6 +2175,8 @@ export declare const getMultiselectEditorTemplate: (designSystem?: string) => Vi
  */
 export declare const getNumberEditorTemplate: (designSystem?: string) => ViewTemplate<NumberEditor, any>;
 
+export declare function getPickerItems(columns: Column[]): ColumnPickerItem[];
+
 /**
  * Get a Design System prefixed Select template.
  * @param designSystem - The design system prefix to use. Defaults to 'foundation'.
@@ -2079,6 +2223,12 @@ export declare const getTextFieldRendererTemplate: (designSystem?: string) => Vi
  */
 export declare const getTextRendererTemplate: (designSystem?: string) => ViewTemplate<AgTextFieldRenderer, any>;
 
+/**
+ * Default tools when `with-side-bar` is set and `sideBarTools` is not provided.
+ * @public
+ */
+export declare const GRID_PRO_DEFAULT_SIDE_BAR_TOOLS: ReadonlyArray<GridProSideBarToolDef>;
+
 /**
  * Event fired when grid is ready
  * @public
@@ -2107,7 +2257,7 @@ export declare interface GridCssClassEventDetail {
  * Grid options config used to configure grids across the application
  * @public
  */
-export declare type GridOptionsConfig = GridOptions_2 | GridOptions;
+export declare type GridOptionsConfig = GridOptions | GridOptions_2;
 
 /**
  * Grid options config used to inject into grids in application
@@ -2229,6 +2379,16 @@ export declare class GridPro extends GridPro_base {
     classNames: string;
     agGrid: Grid;
     gridSlot: HTMLSlotElement;
+    /**
+     * The slot ref binds asynchronously, and the queued `initGrid` skips any run that beats it. FAST
+     * calls this the moment the ref lands, so a grid whose options were set BEFORE the view bound
+     * still initialises rather than staying blank — closing the one gap that skip would leave.
+     *
+     * Guarded on `agGridOptions` as well: without options there is nothing to build, and AG Grid
+     * would only log "no gridOptions provided to the grid". Those arrive via a grid-options change,
+     * which re-runs `initGrid` on its own.
+     */
+    gridSlotChanged(): void;
     themeMode: 'light' | 'dark';
     gridComponents: {
         [componentName: string]: any;
@@ -2260,7 +2420,7 @@ export declare class GridPro extends GridPro_base {
     private columnState;
     protected agAttributes: Record<string, string>;
     protected agPropertiesMap: Record<string, string>;
-    protected agGridOptions: GridOptions;
+    protected agGridOptions: GridOptions_2;
     /**
      * Last grid options supplied via the public `gridOptions` setter (not datasource init).
      * Used as the merge base in `handleInitialize` so user options survive datasource restart.
@@ -2534,7 +2694,7 @@ export declare class GridPro extends GridPro_base {
     private addMaxRowsPanel;
     private addAggregationPanel;
     private addDatasourcePanels;
-    protected setupStatusBar(gridOptions: GridOptions): void;
+    protected setupStatusBar(gridOptions: GridOptions_2): void;
     /**
      * Handles column sizing based on sizeColumnsToContent and sizeColumnsToFit attributes
      * @private
@@ -3072,6 +3232,16 @@ export declare class GridProBeta extends GridProBeta_base {
     classNames: string;
     agGrid: GridApi_2;
     gridSlot: HTMLSlotElement;
+    /**
+     * The slot ref binds asynchronously, and the queued `initGrid` skips any run that beats it. FAST
+     * calls this the moment the ref lands, so a grid whose options were set BEFORE the view bound
+     * still initialises rather than staying blank — closing the one gap that skip would leave.
+     *
+     * Guarded on `agGridOptions` as well: without options there is nothing to build, and AG Grid
+     * would only log "no gridOptions provided to the grid". Those arrive via a grid-options change,
+     * which re-runs `initGrid` on its own.
+     */
+    gridSlotChanged(): void;
     themeMode: 'light' | 'dark';
     gridComponents: {
         [componentName: string]: any;
@@ -3092,6 +3262,20 @@ export declare class GridProBeta extends GridProBeta_base {
      * This requires AG Grid Enterprise module to be available for the status bar to be displayed when enabled.
      */
     withStatusBar: boolean;
+    /**
+     * Community side bar shell (no AG side-bar chrome). Tools come from `sideBarTools`.
+     */
+    withSideBar: boolean;
+    /**
+     * Dynamic side-bar tools (Columns, AG Filters, custom `IToolPanelComp`, etc.).
+     * Defaults to {@link GRID_PRO_DEFAULT_SIDE_BAR_TOOLS} (Columns only).
+     */
+    sideBarTools: GridProSideBarToolDef[] | null;
+    sideBarToolsChanged(): void;
+    /** Resolved tools list used by the template. */
+    get resolvedSideBarTools(): ReadonlyArray<GridProSideBarToolDef>;
+    /** Community side bar element. */
+    sideBar: GridProSideBar;
     /**
      * Custom error handler dialog template function.
      * @remarks
@@ -3103,7 +3287,7 @@ export declare class GridProBeta extends GridProBeta_base {
     private columnState;
     protected agAttributes: Record<string, any>;
     protected agPropertiesMap: Record<string, string>;
-    protected agGridOptions: GridOptions_2;
+    protected agGridOptions: GridOptions;
     /** User-supplied grid options cached as merge base for datasource re-init. */
     private userProvidedGridOptions;
     private applyingDatasourceGridOptions;
@@ -3317,7 +3501,7 @@ export declare class GridProBeta extends GridProBeta_base {
     /**
      * @public
      */
-    get gridOptions(): GridOptions_2;
+    get gridOptions(): GridOptions;
     /**
      * @public
      */
@@ -3338,8 +3522,15 @@ export declare class GridProBeta extends GridProBeta_base {
      * @internal
      */
     private notifyDatasourceVisibleColumns;
-    set gridOptions(options: GridOptions_2);
+    set gridOptions(options: GridOptions);
     private setLocalGridOptions;
+    private applyCommunitySideBarOptions;
+    /**
+     * Selects a Community side-bar tool. Clicking the active open tool collapses the panel.
+     * @public
+     */
+    selectSideBarTool(tool: GridProSideBarToolId): void;
+    private destroySideBarTools;
     /**
      * Clears the local grid options, this is used to clear the grid options when the grid is restarted.
      * @public
@@ -3464,7 +3655,7 @@ export declare class GridProBeta extends GridProBeta_base {
         resizable?: boolean;
         suppressSizeToFit?: boolean;
         suppressAutoSize?: boolean;
-        pivotValueColumn?: Column | Column_2<any>;
+        pivotValueColumn?: Column_2 | Column<any>;
         pivotTotalColumnIds?: string[];
         spanHeaderHeight?: boolean;
         headerName?: string;
@@ -3528,7 +3719,7 @@ export declare class GridProBeta extends GridProBeta_base {
     private addMaxRowsPanel;
     private addAggregationPanel;
     private addDatasourcePanels;
-    protected setupStatusBar(gridOptions: GridOptions_2): void;
+    protected setupStatusBar(gridOptions: GridOptions): void;
     get observedAttributes(): string[];
     agAttributeChangedCallback(attName: any, oldValue: any, newValue: any): void;
     globalEventListener(eventType: any, event: any): void;
@@ -3578,7 +3769,12 @@ declare const GridProBeta_base: (new (...args: any[]) => {
     hidePopover(): void;
     showPopover(): void;
     togglePopover(options?: boolean): boolean;
-    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options
+    /**
+    * Timeout function used to debounce resize calls
+    * @internal
+    */
+    ?: boolean | AddEventListenerOptions): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
     removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
     removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
@@ -3610,9 +3806,7 @@ declare const GridProBeta_base: (new (...args: any[]) => {
     slot: string;
     readonly tagName: string;
     attachShadow(init: ShadowRootInit): ShadowRoot;
-    checkVisibility(options? /**
-    * The key to use for persisting the filter model in local browser or KV storage.
-    */: CheckVisibilityOptions): boolean;
+    checkVisibility(options?: CheckVisibilityOptions): boolean;
     closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
     closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
     closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];
@@ -4354,6 +4548,8 @@ declare const GridProColumn_base: (new (...args: any[]) => {
  */
 export declare function gridProColumns<TSource = any>(itemsBinding: Binding<TSource, readonly ColDef[]> | readonly ColDef[], includeRenderers?: boolean): CaptureType<TSource>;
 
+export declare const gridProColumnsToolPanelDef: ToolPanelDef;
+
 /**
  * Grid Pro possible error events
  * @public
@@ -4397,7 +4593,7 @@ export declare const gridProEventNames: {
  * @remarks - This type is used to define the events and callbacks that can be passed to the grid
  * @public
  */
-export declare type GridProEventsAndCallbacks = OnlyFunctions<UntypeNonFunctions<GridOptions_2>>;
+export declare type GridProEventsAndCallbacks = OnlyFunctions<UntypeNonFunctions<GridOptions>>;
 
 /**
  * Grid Pro Event Listeners
@@ -5545,168 +5741,670 @@ declare const GridProServerSideDatasource_base: (new (...args: any[]) => {
 }) & typeof GridProBaseDatasource;
 
 /**
- * Configuration options for the grid status bar components
+ * The Grid Pro Side Bar element.
+ * @remarks No shadow root — chrome stays in Grid Pro's tree so host CSS still applies.
  * @public
  * @remarks
- * This requires AG Grid Enterprise module to be enabled.
- * Status bar components will only be displayed if the Enterprise module is available.
- * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
- */
-export declare interface GridProStatusBarConfig {
-    /**
-     * Enable row count status bar component.
-     * @remarks Default is false.
-     */
-    rows?: boolean;
-    /**
-     * Enable max rows status bar component.
-     * @remarks Default is false.
-     */
-    maxRows?: boolean;
-    /**
-     * Configure load more button status bar component.
-     * @remarks Can be boolean for simple enable/disable or object for detailed configuration.
-     */
-    loadMore?: boolean | GridProStatusBarLoadMoreConfig;
-    /**
-     * Configure reload button status bar component.
-     * @remarks Can be boolean for simple enable/disable or object for detailed configuration.
-     */
-    reload?: boolean | GridProStatusBarReloadConfig;
-    /**
-     * Enable aggregation status bar component.
-     * @remarks Default is true. Shows aggregation values for selected columns.
-     */
-    aggregation?: boolean;
-}
-
-/**
- * Configuration for the label-value status bar component
- * @public
- */
-export declare interface GridProStatusBarLabelConfig {
-    /**
-     * The label text to display
-     */
-    label: string;
-    /**
-     * The value to display
-     */
-    value: any;
-    /**
-     * Whether to hide the status bar component
-     * @remarks Default is false.
-     */
-    hide?: boolean;
-}
-
-/**
- * Configuration options for load more status bar component
- * @public
- */
-export declare interface GridProStatusBarLoadMoreConfig {
-    /**
-     * Custom callback function to execute when the action is triggered.
-     * If not provided, the component will use the default datasource behavior.
-     */
-    onLoadMore?: () => void;
-    /**
-     * Custom appearance for the button.
-     * @remarks Options: 'accent', 'lightweight', 'neutral', 'outline', 'stealth'
-     */
-    appearance?: string;
+ * HTML Element: \<grid-pro-side-bar\>
+ */
+export declare class GridProSideBar extends GridProSideBar_base {
+    prefix: string;
+    prefixChanged(): void;
+    tools: ReadonlyArray<GridProSideBarToolDef>;
+    toolsChanged(): void;
+    gridApi: GridApi_2 | undefined;
+    gridApiChanged(): void;
+    open: boolean;
+    activeTool: GridProSideBarToolId;
+    panelHost: HTMLElement;
+    panelHostChanged(): void;
+    private mountedPanels;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
-     * Custom tooltip text that appears on hover.
-     * @remarks Default is 'Load More'.
+     * Selects a tool. Clicking the active open tool collapses the panel.
+     * @public
      */
-    tooltip?: string;
-}
-
-/**
- * Configuration options for reload status bar component
- * @public
- */
-export declare interface GridProStatusBarReloadConfig {
+    selectTool(tool: GridProSideBarToolId): void;
     /**
-     * Custom callback function to execute when the action is triggered.
-     * If not provided, the component will use the default datasource behavior.
+     * @internal
      */
-    onReload?: () => void;
+    handleToolClick(id: GridProSideBarToolId): void;
     /**
-     * Custom FontAwesome icon name (without 'fa-' prefix).
-     * @remarks Default is 'refresh'.
+     * @public
      */
-    icon?: string;
+    mountActiveTool(): void;
     /**
-     * Custom tooltip text that appears on hover.
-     * @remarks Default is 'Reload'.
+     * @public
      */
-    tooltip?: string;
-}
-
-/**
- * The available Grid Pro Status Bar Types
- * @public
- * @remarks
- * These status bar components require AG Grid Enterprise module to be enabled.
- * Status bar components will only be displayed if the Enterprise module is available.
- * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
- */
-export declare enum GridProStatusBarTypes {
-    labelValue = "labelValue",
-    loadMore = "loadMore",
-    reload = "reload",
-    rowCount = "rowCount"
-}
-
-/**
- *
- * @public
- * @remarks
- * HTML Element: <foundation-grid-pro>
- */
-export declare const gridProTemplate: ViewTemplate;
-
-/**
- * Event detail for the `gridReady`/`onGridReady` signals.
- * @public
- * @remarks Only accurate for {@link @genesislcap/grid-pro#GridProBeta}, which is built on
- * `ag-grid-community` (v36). {@link @genesislcap/grid-pro#GridPro} fires the same event names
- * but its `event` field is a `@ag-grid-community/core` (v29) `GridReadyEvent`.
- */
-export declare interface GridReadyEventDetail {
-    event: GridReadyEvent;
-    gridId: string;
+    destroyTools(): void;
+    private closeAgToolPanel;
 }
 
-/**
- * The change size event grid pro genesis datasource.
- * @public
- */
-export declare type GrigProGenesisDatasourceSizeChangedEvent = CustomEvent<GrigProGenesisDatasourceSizeChangedEventDetail>;
-
-/**
- * The event detail for the grid pro genesis datasource `sizeChanged` event.
- * @public
- */
-export declare type GrigProGenesisDatasourceSizeChangedEventDetail = {
-    value: number;
-    oldValue: number;
-};
-
-declare type IconByNameParams = {
-    /**
-     * The name of the icon to display.
-     * @remarks a string for the icon. Valid values are from the free set of font awesome icons which can be found here https://fontawesome.com/search?ic=free
-     */
-    iconName: string;
-    /**
-     * The size of the icon.
-     * @remarks Size values depend on the design system (e.g., 'xs', 'sm', 'md', 'lg').
-     */
-    iconSize: string;
-};
-
+declare const GridProSideBar_base: (new (...args: any[]) => {
+    #_container: FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
+    #_latestTokenCode: string;
+    #_hasFirstLoaded: boolean;
+    #_cleanupTimeout: NodeJS.Timeout;
+    #_shouldForceLifecycle: boolean;
+    #_blockedDisconnectSurvivedGracePeriod: boolean;
+    cloneNode(deep?: boolean): Node;
+    deepClone(): Node;
+    get shouldRunDisconnect(): boolean;
+    get shouldRunConnect(): boolean;
+    #_blockLifecycleDueToTokenChange(lifecycleType: "connect" | "disconnect" | "reconnect"): boolean;
+    #_tryFindContainingLayout(e: Element): FoundationLayoutContainer | LayoutCacheContainer | DOMContainer;
+    connectedCallback(): void;
+    readonly $fastController: Controller;
+    $emit(type: string, detail?: any, options?: Omit<CustomEventInit, "detail">): boolean | void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    accessKey: string;
+    readonly accessKeyLabel: string;
+    autocapitalize: string;
+    autocorrect: boolean;
+    dir: string;
+    draggable: boolean;
+    hidden: boolean;
+    inert: boolean;
+    innerText: string;
+    lang: string;
+    readonly offsetHeight: number;
+    readonly offsetLeft: number;
+    readonly offsetParent: Element | null;
+    readonly offsetTop: number;
+    readonly offsetWidth: number;
+    outerText: string;
+    popover: string | null;
+    spellcheck: boolean;
+    title: string;
+    translate: boolean;
+    writingSuggestions: string;
+    attachInternals(): ElementInternals;
+    click(): void;
+    hidePopover(): void;
+    showPopover(): void;
+    togglePopover(options?: boolean): boolean;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    readonly attributes: NamedNodeMap;
+    get classList(): DOMTokenList;
+    set classList(value: string): any;
+    className: string;
+    readonly clientHeight: number;
+    readonly clientLeft: number;
+    readonly clientTop: number;
+    readonly clientWidth: number;
+    readonly currentCSSZoom: number;
+    id: string;
+    innerHTML: string;
+    readonly localName: string;
+    readonly namespaceURI: string | null;
+    onfullscreenchange: (this: Element, ev: Event) => any;
+    onfullscreenerror: (this: Element, ev: Event) => any;
+    outerHTML: string;
+    readonly ownerDocument: Document;
+    get part(): DOMTokenList;
+    set part(value: string): any;
+    readonly prefix: string | null;
+    readonly scrollHeight: number;
+    scrollLeft: number;
+    scrollTop: number;
+    readonly scrollWidth: number;
+    readonly shadowRoot: ShadowRoot | null;
+    slot: string;
+    readonly tagName: string;
+    attachShadow(init: ShadowRootInit): ShadowRoot;
+    checkVisibility(options?: CheckVisibilityOptions): boolean;
+    closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K];
+    closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K];
+    closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K];
+    closest<E extends Element = Element>(selectors: string): E;
+    computedStyleMap(): StylePropertyMapReadOnly;
+    getAttribute(qualifiedName: string): string | null;
+    getAttributeNS(namespace: string | null, localName: string): string | null;
+    getAttributeNames(): string[];
+    getAttributeNode(qualifiedName: string): Attr | null;
+    getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
+    getBoundingClientRect(): DOMRect;
+    getClientRects(): DOMRectList;
+    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
+    getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+    getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
+    getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
+    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
+    getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
+    getHTML(options?: GetHTMLOptions): string;
+    hasAttribute(qualifiedName: string): boolean;
+    hasAttributeNS(namespace: string | null, localName: string): boolean;
+    hasAttributes(): boolean;
+    hasPointerCapture(pointerId: number): boolean;
+    insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
+    insertAdjacentHTML(position: InsertPosition, string: string): void;
+    insertAdjacentText(where: InsertPosition, data: string): void;
+    matches(selectors: string): boolean;
+    releasePointerCapture(pointerId: number): void;
+    removeAttribute(qualifiedName: string): void;
+    removeAttributeNS(namespace: string | null, localName: string): void;
+    removeAttributeNode(attr: Attr): Attr;
+    requestFullscreen(options?: FullscreenOptions): Promise<void>;
+    requestPointerLock(options?: PointerLockOptions): Promise<void>;
+    scroll(options?: ScrollToOptions): void;
+    scroll(x: number, y: number): void;
+    scrollBy(options?: ScrollToOptions): void;
+    scrollBy(x: number, y: number): void;
+    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+    scrollTo(options?: ScrollToOptions): void;
+    scrollTo(x: number, y: number): void;
+    setAttribute(qualifiedName: string, value: string): void;
+    setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
+    setAttributeNode(attr: Attr): Attr | null;
+    setAttributeNodeNS(attr: Attr): Attr | null;
+    setHTMLUnsafe(html: string): void;
+    setPointerCapture(pointerId: number): void;
+    toggleAttribute(qualifiedName: string, force?: boolean): boolean;
+    webkitMatchesSelector(selectors: string): boolean;
+    textContent: string;
+    readonly baseURI: string;
+    readonly childNodes: NodeListOf<ChildNode>;
+    readonly firstChild: ChildNode | null;
+    readonly isConnected: boolean;
+    readonly lastChild: ChildNode | null;
+    readonly nextSibling: ChildNode | null;
+    readonly nodeName: string;
+    readonly nodeType: number;
+    nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
+    readonly parentNode: ParentNode | null;
+    readonly previousSibling: ChildNode | null;
+    appendChild<T_1 extends Node>(node: T_1): T_1;
+    compareDocumentPosition(other: Node): number;
+    contains(other: Node | null): boolean;
+    getRootNode(options?: GetRootNodeOptions): Node;
+    hasChildNodes(): boolean;
+    insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+    isDefaultNamespace(namespace: string | null): boolean;
+    isEqualNode(otherNode: Node | null): boolean;
+    isSameNode(otherNode: Node | null): boolean;
+    lookupNamespaceURI(prefix: string | null): string | null;
+    lookupPrefix(namespace: string | null): string | null;
+    normalize(): void;
+    removeChild<T_1 extends Node>(child: T_1): T_1;
+    replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
+    readonly ELEMENT_NODE: 1;
+    readonly ATTRIBUTE_NODE: 2;
+    readonly TEXT_NODE: 3;
+    readonly CDATA_SECTION_NODE: 4;
+    readonly ENTITY_REFERENCE_NODE: 5;
+    readonly ENTITY_NODE: 6;
+    readonly PROCESSING_INSTRUCTION_NODE: 7;
+    readonly COMMENT_NODE: 8;
+    readonly DOCUMENT_NODE: 9;
+    readonly DOCUMENT_TYPE_NODE: 10;
+    readonly DOCUMENT_FRAGMENT_NODE: 11;
+    readonly NOTATION_NODE: 12;
+    readonly DOCUMENT_POSITION_DISCONNECTED: 1;
+    readonly DOCUMENT_POSITION_PRECEDING: 2;
+    readonly DOCUMENT_POSITION_FOLLOWING: 4;
+    readonly DOCUMENT_POSITION_CONTAINS: 8;
+    readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
+    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
+    dispatchEvent(event: Event): boolean;
+    ariaActiveDescendantElement: Element | null;
+    ariaAtomic: string | null;
+    ariaAutoComplete: string | null;
+    ariaBrailleLabel: string | null;
+    ariaBrailleRoleDescription: string | null;
+    ariaBusy: string | null;
+    ariaChecked: string | null;
+    ariaColCount: string | null;
+    ariaColIndex: string | null;
+    ariaColIndexText: string | null;
+    ariaColSpan: string | null;
+    ariaControlsElements: ReadonlyArray<Element> | null;
+    ariaCurrent: string | null;
+    ariaDescribedByElements: ReadonlyArray<Element> | null;
+    ariaDescription: string | null;
+    ariaDetailsElements: ReadonlyArray<Element> | null;
+    ariaDisabled: string | null;
+    ariaErrorMessageElements: ReadonlyArray<Element> | null;
+    ariaExpanded: string | null;
+    ariaFlowToElements: ReadonlyArray<Element> | null;
+    ariaHasPopup: string | null;
+    ariaHidden: string | null;
+    ariaInvalid: string | null;
+    ariaKeyShortcuts: string | null;
+    ariaLabel: string | null;
+    ariaLabelledByElements: ReadonlyArray<Element> | null;
+    ariaLevel: string | null;
+    ariaLive: string | null;
+    ariaModal: string | null;
+    ariaMultiLine: string | null;
+    ariaMultiSelectable: string | null;
+    ariaOrientation: string | null;
+    ariaOwnsElements: ReadonlyArray<Element> | null;
+    ariaPlaceholder: string | null;
+    ariaPosInSet: string | null;
+    ariaPressed: string | null;
+    ariaReadOnly: string | null;
+    ariaRelevant: string | null;
+    ariaRequired: string | null;
+    ariaRoleDescription: string | null;
+    ariaRowCount: string | null;
+    ariaRowIndex: string | null;
+    ariaRowIndexText: string | null;
+    ariaRowSpan: string | null;
+    ariaSelected: string | null;
+    ariaSetSize: string | null;
+    ariaSort: string | null;
+    ariaValueMax: string | null;
+    ariaValueMin: string | null;
+    ariaValueNow: string | null;
+    ariaValueText: string | null;
+    role: string | null;
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+    getAnimations(options?: GetAnimationsOptions): Animation[];
+    after(...nodes: (Node | string)[]): void;
+    before(...nodes: (Node | string)[]): void;
+    remove(): void;
+    replaceWith(...nodes: (Node | string)[]): void;
+    readonly nextElementSibling: Element | null;
+    readonly previousElementSibling: Element | null;
+    readonly childElementCount: number;
+    readonly children: HTMLCollection;
+    readonly firstElementChild: Element | null;
+    readonly lastElementChild: Element | null;
+    append(...nodes: (Node | string)[]): void;
+    prepend(...nodes: (Node | string)[]): void;
+    querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+    querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+    querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+    querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+    querySelector<E extends Element = Element>(selectors: string): E | null;
+    querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+    querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+    querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+    replaceChildren(...nodes: (Node | string)[]): void;
+    readonly assignedSlot: HTMLSlotElement | null;
+    readonly attributeStyleMap: StylePropertyMap;
+    get style(): CSSStyleDeclaration;
+    set style(cssText: string): any;
+    contentEditable: string;
+    enterKeyHint: string;
+    inputMode: string;
+    readonly isContentEditable: boolean;
+    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
+    onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
+    onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
+    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onerror: OnErrorEventHandler;
+    onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
+    onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
+    ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
+    onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+    onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
+    onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
+    onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
+    onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
+    onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
+    onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
+    ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
+    ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
+    onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
+    autofocus: boolean;
+    readonly dataset: DOMStringMap;
+    nonce?: string;
+    tabIndex: number;
+    blur(): void;
+    focus(options?: FocusOptions): void;
+}) & typeof FoundationElement;
+
+/**
+ * Chrome for {@link GridProSideBar}. Uses class selectors (no `:host`) because the
+ * element has no shadow — styles land on Grid Pro's shadow root.
+ * @public
+ */
+export declare const gridProSideBarChromeStyles: ElementStyles;
+
+/**
+ * Built-in Columns picker (Community, no AG SideBarModule).
+ * @public
+ */
+export declare const gridProSideBarColumnsTool: GridProSideBarToolDef;
+
+/**
+ * Built-in AG Filters tool (Enterprise `FiltersToolPanelModule` required at app register).
+ * @public
+ */
+export declare const gridProSideBarFiltersTool: GridProSideBarToolDef;
+
+/**
+ * Layout on the Grid Pro host when `with-side-bar` is set.
+ * @public
+ */
+export declare const gridProSideBarHostStyles: ElementStyles;
+
+/**
+ * Host + chrome. Prefer {@link gridProSideBarHostStyles} on Grid Pro and
+ * {@link gridProSideBarChromeStyles} on the side-bar element.
+ * @public
+ */
+export declare const gridProSideBarStyles: ElementStyles;
+
+/**
+ * @public
+ */
+export declare const gridProSideBarTemplate: ViewTemplate<GridProSideBar, any>;
+
+/**
+ * Well-known Community side-bar tool ids.
+ * @public
+ */
+export declare const GridProSideBarTool: {
+    readonly columns: "columns";
+    readonly filters: "filters";
+};
+
+/**
+ * Tool definition for the Community Grid Pro side bar shell.
+ *
+ * - `createPanel`: local `IToolPanelComp` (no AG SideBar chrome); preferred for custom / Genesis panels.
+ * - `toolPanel`: AG registered name or component class (e.g. `'agFiltersToolPanel'` or a custom
+ *   class from https://www.ag-grid.com/javascript-data-grid/component-tool-panel/); mounted via
+ *   `api.openToolPanel(id, host)` with AG sideBar `hideButtons`.
+ *
+ * @public
+ */
+export declare interface GridProSideBarToolDef {
+    id: GridProSideBarToolId;
+    label: string;
+    /** Localisation key for AG toolPanels; defaults to `id`. */
+    labelKey?: string;
+    /** AG icon key (`columns`, `filter`, …). Shown on the tab; also passed to AG `toolPanels`. */
+    iconKey?: string;
+    /**
+     * AG tool panel component (`agFiltersToolPanel`, custom class, etc.).
+     * Requires `SideBarModule` (pulled in by Filters / Enterprise modules).
+     */
+    toolPanel?: any;
+    /** Params passed to the AG / custom tool panel. */
+    toolPanelParams?: any;
+    /**
+     * Factory for a locally mounted IToolPanelComp.
+     * When set, the panel is created/mounted in our host (does not use `openToolPanel`).
+     */
+    createPanel?: () => IToolPanelComp;
+}
+
+/**
+ * @public
+ */
+export declare type GridProSideBarToolId = (typeof GridProSideBarTool)[keyof typeof GridProSideBarTool] | (string & {});
+
+/**
+ * Configuration options for the grid status bar components
+ * @public
+ * @remarks
+ * This requires AG Grid Enterprise module to be enabled.
+ * Status bar components will only be displayed if the Enterprise module is available.
+ * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
+ */
+export declare interface GridProStatusBarConfig {
+    /**
+     * Enable row count status bar component.
+     * @remarks Default is false.
+     */
+    rows?: boolean;
+    /**
+     * Enable max rows status bar component.
+     * @remarks Default is false.
+     */
+    maxRows?: boolean;
+    /**
+     * Configure load more button status bar component.
+     * @remarks Can be boolean for simple enable/disable or object for detailed configuration.
+     */
+    loadMore?: boolean | GridProStatusBarLoadMoreConfig;
+    /**
+     * Configure reload button status bar component.
+     * @remarks Can be boolean for simple enable/disable or object for detailed configuration.
+     */
+    reload?: boolean | GridProStatusBarReloadConfig;
+    /**
+     * Enable aggregation status bar component.
+     * @remarks Default is true. Shows aggregation values for selected columns.
+     */
+    aggregation?: boolean;
+}
+
+/**
+ * Configuration for the label-value status bar component
+ * @public
+ */
+export declare interface GridProStatusBarLabelConfig {
+    /**
+     * The label text to display
+     */
+    label: string;
+    /**
+     * The value to display
+     */
+    value: any;
+    /**
+     * Whether to hide the status bar component
+     * @remarks Default is false.
+     */
+    hide?: boolean;
+}
+
+/**
+ * Configuration options for load more status bar component
+ * @public
+ */
+export declare interface GridProStatusBarLoadMoreConfig {
+    /**
+     * Custom callback function to execute when the action is triggered.
+     * If not provided, the component will use the default datasource behavior.
+     */
+    onLoadMore?: () => void;
+    /**
+     * Custom appearance for the button.
+     * @remarks Options: 'accent', 'lightweight', 'neutral', 'outline', 'stealth'
+     */
+    appearance?: string;
+    /**
+     * Custom tooltip text that appears on hover.
+     * @remarks Default is 'Load More'.
+     */
+    tooltip?: string;
+}
+
+/**
+ * Configuration options for reload status bar component
+ * @public
+ */
+export declare interface GridProStatusBarReloadConfig {
+    /**
+     * Custom callback function to execute when the action is triggered.
+     * If not provided, the component will use the default datasource behavior.
+     */
+    onReload?: () => void;
+    /**
+     * Custom FontAwesome icon name (without 'fa-' prefix).
+     * @remarks Default is 'refresh'.
+     */
+    icon?: string;
+    /**
+     * Custom tooltip text that appears on hover.
+     * @remarks Default is 'Reload'.
+     */
+    tooltip?: string;
+}
+
+/**
+ * The available Grid Pro Status Bar Types
+ * @public
+ * @remarks
+ * These status bar components require AG Grid Enterprise module to be enabled.
+ * Status bar components will only be displayed if the Enterprise module is available.
+ * @see https://www.ag-grid.com/javascript-data-grid/component-status-bar/
+ */
+export declare enum GridProStatusBarTypes {
+    labelValue = "labelValue",
+    loadMore = "loadMore",
+    reload = "reload",
+    rowCount = "rowCount"
+}
+
+/**
+ *
+ * @public
+ * @remarks
+ * HTML Element: <foundation-grid-pro>
+ */
+export declare const gridProTemplate: ViewTemplate;
+
+/**
+ * Custom Grid Pro tool panel component names.
+ * @public
+ * @remarks
+ * Registered for AG `sideBar` hosts (`SideBarModule` still required for that path).
+ * Prefer `with-side-bar` on {@link GridProBeta} for a Community-only columns UI.
+ */
+export declare enum GridProToolPanelTypes {
+    columns = "gridProColumnsToolPanel"
+}
+
+/**
+ * Event detail for the `gridReady`/`onGridReady` signals.
+ * @public
+ * @remarks Only accurate for {@link @genesislcap/grid-pro#GridProBeta}, which is built on
+ * `ag-grid-community` (v36). {@link @genesislcap/grid-pro#GridPro} fires the same event names
+ * but its `event` field is a `@ag-grid-community/core` (v29) `GridReadyEvent`.
+ */
+export declare interface GridReadyEventDetail {
+    event: GridReadyEvent;
+    gridId: string;
+}
+
+/**
+ * The change size event grid pro genesis datasource.
+ * @public
+ */
+export declare type GrigProGenesisDatasourceSizeChangedEvent = CustomEvent<GrigProGenesisDatasourceSizeChangedEventDetail>;
+
+/**
+ * The event detail for the grid pro genesis datasource `sizeChanged` event.
+ * @public
+ */
+export declare type GrigProGenesisDatasourceSizeChangedEventDetail = {
+    value: number;
+    oldValue: number;
+};
+
+declare type IconByNameParams = {
+    /**
+     * The name of the icon to display.
+     * @remarks a string for the icon. Valid values are from the free set of font awesome icons which can be found here https://fontawesome.com/search?ic=free
+     */
+    iconName: string;
+    /**
+     * The size of the icon.
+     * @remarks Size values depend on the design system (e.g., 'xs', 'sm', 'md', 'lg').
+     */
+    iconSize: string;
+};
+
 declare type IconBySrcParams = {
     /**
      * The source URL of an image icon to display.
@@ -5790,6 +6488,11 @@ export declare interface InitializeEventDetail {
     };
 }
 
+/**
+ * @internal
+ */
+export declare function initLocalSideBarPanel(panel: IToolPanelComp, params: IToolPanelParams): IToolPanelComp;
+
 /**
  * Implementation for the KV Storage State Persistence interface.
  * @public
@@ -5924,6 +6627,15 @@ export declare type MoreRowsDetail = {
     sourceRef: string;
 };
 
+/**
+ * @internal
+ */
+export declare type MountedSideBarPanel = {
+    defId: string;
+    panel: IToolPanelComp;
+    destroy?: () => void;
+};
+
 /**
  * @beta
  * A dropdown component that displays its options in a multi-column AG Grid.
@@ -6487,6 +7199,11 @@ export declare enum OperationType {
 /** The CSS class to use for the options element's class in the dropdown */
 export declare const optionsClass = "options";
 
+export declare function partitionPickerItems(items: ColumnPickerItem[], search: string): {
+    selected: ColumnPickerItem[];
+    unselected: ColumnPickerItem[];
+};
+
 /**
  * Event detail for requesting a server-side row model refresh.
  */
@@ -6530,6 +7247,25 @@ export declare type ReloadStatusBarParams = {
     tooltip?: string;
 };
 
+export declare function reorderVisibleIds(allVisibleIds: string[], shownIds: string[], fromId: string, toId: string): string[] | null;
+
+/**
+ * @internal
+ */
+export declare function resolveAgSideBarToolPanels(tools: ReadonlyArray<GridProSideBarToolDef>): {
+    toolPanelParams?: any;
+    id: GridProSideBarToolId;
+    labelKey: string;
+    labelDefault: string;
+    iconKey: string;
+    toolPanel: any;
+}[];
+
+/**
+ * Rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to the custom Grid Pro picker.
+ */
+export declare function resolveGridProSideBar(sideBar: GridOptions['sideBar']): GridOptions['sideBar'];
+
 /**
  * Resolves the field names of the currently visible columns.
  * @remarks Prefers the grid's displayed columns (`getAllDisplayedColumns()` — already excludes
@@ -6822,6 +7558,8 @@ export declare const textFieldRendererStyles: ElementStyles;
  */
 export declare const textRendererStyles: ElementStyles;
 
+export declare function toPickerItem(col: Column): ColumnPickerItem | null;
+
 /**
  * @public
  */