import { CustomElement } from '../../Abstracts/CustomElement'; import { IFooterItemGroupElementProps } from './IFooterItemGroupElementProps'; declare const FooterItemGroupElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * FooterItemGroup - A collapsible group container for organizing footer links and content. * * @description * The FooterItemGroup element creates a labeled, collapsible section within a footer for organizing * related links or content items. Features an optional header, open/closed state management, and * automatic role="list" semantics for accessibility. Typically contains FooterItemElement children * for individual links or content. Adapts layout based on parent slot position (start, end, or top). * Useful for creating organized footer navigation with categories like "Products", "Company", "Support", etc. * * @name FooterItemGroup * @element mosaik-footer-item-group * @category Primitives * * @slot - Default slot for FooterItemElement children or other content * * @cssprop {String} --footer-item-group-font-family - The item group font family CSS custom property. * @cssprop {String} --footer-item-group-font-letter-spacing - The item group font letter spacing CSS custom property. * @cssprop {String} --footer-item-group-font-line-height - The item group font line height CSS custom property. * @cssprop {String} --footer-item-group-font-size - The item group font size CSS custom property. * @cssprop {String} --footer-item-group-font-text-decoration - The item group font text decoration CSS custom property. * @cssprop {String} --footer-item-group-font-text-transform - The item group font text transform CSS custom property. * @cssprop {String} --footer-item-group-font-weight - The item group font weight CSS custom property. * @cssprop {String} --footer-item-group-gap - The item group gap CSS custom property. * @cssprop {String} --footer-item-group-padding-bottom - The item group padding bottom CSS custom property. * @cssprop {String} --footer-item-group-padding-left - The item group padding left CSS custom property. * @cssprop {String} --footer-item-group-padding-right - The item group padding right CSS custom property. * @cssprop {String} --footer-item-group-padding-top - The item group padding top CSS custom property. * @cssprop {String} --footer-item-group-shadow - The item group shadow CSS custom property. * @cssprop {String} --footer-item-group-shadow-blur - The item group shadow blur CSS custom property. * @cssprop {String} --footer-item-group-shadow-color - The item group shadow color CSS custom property. * @cssprop {String} --footer-item-group-shadow-offset-x - The item group shadow offset x CSS custom property. * @cssprop {String} --footer-item-group-shadow-offset-y - The item group shadow offset y CSS custom property. * @cssprop {String} --footer-item-group-shadow-spread - The item group shadow spread CSS custom property. * @cssprop {String} --footer-item-group-transition-duration - The item group transition duration CSS custom property. * @cssprop {String} --footer-item-group-transition-mode - The item group transition mode CSS custom property. * @cssprop {String} --footer-item-group-transition-property - The item group transition property CSS custom property. * @cssprop {String} --footer-item-group-translate - The item group translate CSS custom property. * * @example * Basic footer group with links: * ```html * * * Products * Product A * Product B * Pricing * * * ``` * * @example * Expandable footer group with slotted header: * ```html * * Resources * Documentation * Tutorials * API Reference * * ``` * * @example * Multiple groups in footer: * ```html * *
* * Company * About Us * Careers * *
*
* * Support * Help Center * Contact * *
*
* ``` * * @public */ export declare class FooterItemGroupElement extends FooterItemGroupElement_base implements IFooterItemGroupElementProps { private _header; private _open; /** * @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); /** * Gets or sets the `open` property. * * @public */ get open(): boolean; private set open(value); toggle(): void; } /** * @public */ export declare namespace FooterItemGroupElement { type Props = IFooterItemGroupElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-footer-item-group': FooterItemGroupElement; } } export {}; //# sourceMappingURL=FooterItemGroupElement.d.ts.map