import { CustomElement } from '../Abstracts/CustomElement'; import { ICellGroupElementProps } from './ICellGroupElementProps'; declare const CellGroupElement_base: (abstract new (...args: Array) => import("../../../Controls/Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Controls/Behaviors/Themeable").IThemeableCtor; /** * CellGroup - A logical container component for organizing related cells into cohesive sections with optional headers. * * @description * The CellGroup component groups multiple cell components together with consistent styling, optional section headers, * and semantic organization for improved content structure. Ideal for creating organized lists, settings panels, * form sections, and grouped data presentations. Features configurable borders, padding, and header styling * for comprehensive layout control. * * @name CellGroup * @element mosaik-cell-group * @category Cells * * @slot header - Header content area for group titles, descriptions, or section labels * @slot - Default content area for cell components and related content * * @csspart header - Header section styling container for group titles * @csspart root - Root container wrapping the entire cell group structure * * @cssprop {String} --cell-group-border-color - Border color for the group container * @cssprop {String} --cell-group-border-radius - Border radius for group container corner rounding * @cssprop {String} --cell-group-border-style - Border line style (solid, dashed, dotted) * @cssprop {String} --cell-group-border-width - Border width for group container outline * @cssprop {String} --cell-group-font-family - Font family for header text * @cssprop {String} --cell-group-font-size - Font size for header text * @cssprop {String} --cell-group-font-line-height - Line height for header text * @cssprop {String} --cell-group-font-weight - Font weight for header text * @cssprop {String} --cell-group-font-letter-spacing - Letter spacing for header text * @cssprop {String} --cell-group-font-text-decoration - Text decoration for header text * @cssprop {String} --cell-group-font-text-transform - Text transform for header text * @cssprop {String} --cell-group-inline-start - Inline start offset for group positioning * @cssprop {String} --cell-group-inline-end - Inline end offset for group positioning * * @dependency {TextElement} - Text rendering component for header labels * * @example * Basic cell group with slotted header: * ```html * * Account Settings * * * * ``` * * @example * Settings group with cells and icons: * ```html * * Account Settings * * * * ``` * * @example * Navigation menu group: * ```html * * Navigation * * * * ``` * * @public */ export declare class CellGroupElement extends CellGroupElement_base implements ICellGroupElementProps { private _header; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `header` property. * * @public */ get header(): string; set header(value: string); } /** * @public */ export declare namespace CellGroupElement { type Props = ICellGroupElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-cell-group': CellGroupElement; } } export {}; //# sourceMappingURL=CellGroupElement.d.ts.map