import { ELEVATION_NAMES, FOCUSABLE_SELECTOR, elevationDeclarations, focusOutlineDeclarations, focusOutlineRules } from "@pantoken/utils";
//#region src/lib/helpers.d.ts
/** The default class prefix (`instui` → `.instui-button`). */
export declare const DEFAULT_PREFIX = "instui";
/** Theme keys emitted by `@pantoken/tokens`. */
type ComponentTheme = "rebrand" | "canvas" | "canvasHighContrast";
/** Options common to every builder. */
interface ComponentOptions {
  /**
   * The class prefix. A truthy string namespaces every class (`"instui"` → `.instui-button`); any
   * falsy value (`null`, `undefined`, `""`, or omitting the option) drops the prefix entirely
   * (`.button`), so you can author `class="heading -h1"`. The stylesheets shipped by this package are
   * built with `"instui"`.
   */
  prefix?: string | null;
  /**
   * Target theme for emitted CSS. Defaults to `"rebrand"` when omitted.
   */
  theme?: ComponentTheme;
}
//#endregion
//#region src/lib/define.d.ts
type CssRecordKind = "component" | "utility" | "rule" | "declaration";
/** A resolved record: `rules(prefix)` emits the doc block plus CSS body for the aggregator, and `css(options)` returns the standalone header-wrapped sheet. */
interface Definition {
  name: string;
  kind: CssRecordKind;
  /** Doc block + CSS body at the given (already `ns()`-joined) prefix — concatenated by the aggregator. */
  rules(this: void, prefix: string, options?: ComponentOptions): string;
  /**
   * The standalone, header-wrapped stylesheet — what the exported `xxxCss` returns. Declared `this: void`
   * because it's a plain closure (no receiver): callers bind it as `export const buttonCss = button.css`,
   * so the annotation tells the linter the free-floating reference is safe.
   */
  css(this: void, options?: ComponentOptions): string;
}
//#endregion
//#region src/rules/prose/index.d.ts
/** Options for {@link proseCss}. */
interface ProseOptions {
  /** The content-root selector the rules attach to (default `":where(body)"`, applied automatically
   *  like `base.css` — pass a class like `".vp-doc"` to scope to a different content root instead). */
  scope?: string;
}
/**
 * Build the InstUI-look prose stylesheet, scoped to `options.scope` (default `:where(body)`, so it
 * applies automatically without a wrapper class — like `base.css`).
 *
 * @param options - {@link ProseOptions}.
 * @returns The CSS string.
 *
 * @demo self:prose
 */
export declare function proseCss(options?: ProseOptions): string;
//#endregion
//#region src/declarations/elevation/index.d.ts
/**
 * Build the elevation token block: `<selector> { --instui-elevation-*: … }`. Shipped inside
 * `components.css` (so shadows are intrinsic — no plugin, no extra import), and reusable by other
 * layered outputs (e.g. the Pendo renderer) via the `selector` option.
 *
 * @param options - `selector` — the rule selector (default `:root`).
 * @returns The CSS string.
 *
 * @example
 * ```ts
 * import { elevationCss } from "@pantoken/components";
 *
 * elevationCss(); // ":root { --instui-elevation-resting: …; --instui-elevation-above: …; … }"
 * ```
 *
 * @demo self:elevation
 */
export declare function elevationCss(options?: {
  selector?: string;
}): string;
//#endregion
//#region src/declarations/focus/index.d.ts
/**
 * Build the focus-outline block: the `--instui-focus-outline-*` token defs plus the ring rules.
 * Baked into `base.css` (so focusables get the ring out of the box), and reusable by other layered
 * outputs (e.g. the Pendo renderer) via the `selector`/`tokenSelector` options.
 *
 * @param options - `selector` — the focusable selector; `tokenSelector` — where the token defs land
 *   (default `:where(:root)`).
 * @returns The CSS string.
 *
 * @demo self:focus-outline
 */
export declare function focusOutlineCss(options?: {
  selector?: string;
  tokenSelector?: string;
}): string;
//#endregion
//#region src/components/button/index.d.ts
/** Standalone `button` stylesheet — the prefixed CSS for the action button, ready to ship as a `.css` file. */
export declare const buttonCss: Definition["css"];
//#endregion
//#region src/components/alert/index.d.ts
/** Standalone `alert` stylesheet — the prefixed CSS for the status message, ready to ship as a `.css` file. */
export declare const alertCss: Definition["css"];
//#endregion
//#region src/components/badge/index.d.ts
/** Standalone `badge` stylesheet — the prefixed CSS for the count-and-status badge, ready to ship as a `.css` file. */
export declare const badgeCss: Definition["css"];
//#endregion
//#region src/components/pill/index.d.ts
/** Standalone `pill` stylesheet — the prefixed CSS for the status pill, ready to ship as a `.css` file. */
export declare const pillCss: Definition["css"];
//#endregion
//#region src/components/tag/index.d.ts
/** Standalone `tag` stylesheet — the prefixed CSS for the chip, ready to ship as a `.css` file. */
export declare const tagCss: Definition["css"];
//#endregion
//#region src/components/avatar/index.d.ts
/** Standalone `avatar` stylesheet — the prefixed CSS for the avatar, ready to ship as a `.css` file. */
export declare const avatarCss: Definition["css"];
//#endregion
//#region src/components/tabs/index.d.ts
/** Standalone `tabs` stylesheet — the prefixed CSS for the tabbed panels, ready to ship as a `.css` file. */
export declare const tabsCss: Definition["css"];
//#endregion
//#region src/components/tabs/members/tab/index.d.ts
/** Standalone `tabs.tab` stylesheet. */
export declare const tabsTabCss: Definition["css"];
//#endregion
//#region src/components/tabs/members/panel/index.d.ts
/** Standalone `tabs.panel` stylesheet. */
export declare const tabsPanelCss: Definition["css"];
//#endregion
//#region src/components/metric/index.d.ts
/** Standalone `metric` stylesheet — the prefixed CSS for the statistic, ready to ship as a `.css` file. */
export declare const metricCss: Definition["css"];
//#endregion
//#region src/components/img/index.d.ts
/** Standalone `img` stylesheet — the prefixed CSS for the styled image, ready to ship as a `.css` file. */
export declare const imgCss: Definition["css"];
//#endregion
//#region src/components/byline/index.d.ts
/** Standalone `byline` stylesheet — the prefixed CSS for the media object, ready to ship as a `.css` file. */
export declare const bylineCss: Definition["css"];
//#endregion
//#region src/components/table/index.d.ts
/** Standalone `table` stylesheet — the prefixed CSS for the data table, ready to ship as a `.css` file. */
export declare const tableCss: Definition["css"];
//#endregion
//#region src/components/table/members/head/index.d.ts
/** Standalone `table.head` stylesheet. */
export declare const tableHeadCss: Definition["css"];
//#endregion
//#region src/components/table/members/body/index.d.ts
/** Standalone `table.body` stylesheet. */
export declare const tableBodyCss: Definition["css"];
//#endregion
//#region src/components/table/members/row/index.d.ts
/** Standalone `table.row` stylesheet. */
export declare const tableRowCss: Definition["css"];
//#endregion
//#region src/components/table/members/cell/index.d.ts
/** Standalone `table.cell` stylesheet. */
export declare const tableCellCss: Definition["css"];
//#endregion
//#region src/components/table/members/col-header/index.d.ts
/** Standalone `table.col-header` stylesheet. */
export declare const tableColHeaderCss: Definition["css"];
//#endregion
//#region src/components/table/members/row-header/index.d.ts
/** Standalone `table.row-header` stylesheet. */
export declare const tableRowHeaderCss: Definition["css"];
//#endregion
//#region src/components/link/index.d.ts
/** Standalone `link` stylesheet — the prefixed CSS for the hyperlink, ready to ship as a `.css` file. */
export declare const linkCss: Definition["css"];
//#endregion
//#region src/components/list/index.d.ts
/** Standalone `list` stylesheet — the prefixed CSS for the spaced list, ready to ship as a `.css` file. */
export declare const listCss: Definition["css"];
//#endregion
//#region src/components/list/members/item/index.d.ts
/** Standalone `list.item` stylesheet. */
export declare const listItemCss: Definition["css"];
//#endregion
//#region src/components/mask/index.d.ts
/** The mask component as a standalone, header-wrapped stylesheet. */
export declare const maskCss: Definition["css"];
//#endregion
//#region src/components/checkbox/index.d.ts
/** Standalone `checkbox` stylesheet — the prefixed CSS for the checkbox and switch, ready to ship as a `.css` file. */
export declare const checkboxCss: Definition["css"];
//#endregion
//#region src/components/radio/index.d.ts
/** Standalone `radio` stylesheet — the prefixed CSS for the radio button, ready to ship as a `.css` file. */
export declare const radioCss: Definition["css"];
//#endregion
//#region src/components/spinner/index.d.ts
/** Standalone `spinner` stylesheet — the prefixed CSS for the loading ring, ready to ship as a `.css` file. */
export declare const spinnerCss: Definition["css"];
//#endregion
//#region src/components/progress/index.d.ts
/** Standalone `progress` stylesheet — the prefixed CSS for the progress bar, ready to ship as a `.css` file. */
export declare const progressCss: Definition["css"];
//#endregion
//#region src/components/menu/index.d.ts
/** Standalone `menu` stylesheet — the prefixed CSS for the dropdown menu, ready to ship as a `.css` file. */
export declare const menuCss: Definition["css"];
//#endregion
//#region src/components/menu/members/item/index.d.ts
/** Standalone `menu.item` stylesheet — the prefixed CSS for a menu entry, ready to ship as a `.css` file. */
export declare const menuItemCss: Definition["css"];
//#endregion
//#region src/components/menu/members/group/index.d.ts
/** Standalone `menu.group` stylesheet. */
export declare const menuGroupCss: Definition["css"];
//#endregion
//#region src/components/menu/members/separator/index.d.ts
/** Standalone `menu.separator` stylesheet. */
export declare const menuSeparatorCss: Definition["css"];
//#endregion
//#region src/components/modal/index.d.ts
/** Standalone `modal` stylesheet — the prefixed CSS for the dialog surface, ready to ship as a `.css` file. */
export declare const modalCss: Definition["css"];
//#endregion
//#region src/components/modal/members/header/index.d.ts
/** Standalone `modal.header` stylesheet. */
export declare const modalHeaderCss: Definition["css"];
//#endregion
//#region src/components/modal/members/body/index.d.ts
/** Standalone `modal.body` stylesheet. */
export declare const modalBodyCss: Definition["css"];
//#endregion
//#region src/components/modal/members/footer/index.d.ts
/** Standalone `modal.footer` stylesheet. */
export declare const modalFooterCss: Definition["css"];
//#endregion
//#region src/components/breadcrumb/index.d.ts
/** Standalone `breadcrumb` stylesheet — the prefixed CSS for the breadcrumb trail, ready to ship as a `.css` file. */
export declare const breadcrumbCss: Definition["css"];
//#endregion
//#region src/components/breadcrumb/members/link/index.d.ts
/** Standalone `breadcrumb.link` stylesheet. */
export declare const breadcrumbLinkCss: Definition["css"];
//#endregion
//#region src/components/billboard/index.d.ts
/** Standalone `billboard` stylesheet — the prefixed CSS for the empty-state block, ready to ship as a `.css` file. */
export declare const billboardCss: Definition["css"];
//#endregion
//#region src/components/rating/index.d.ts
/** Standalone `rating` stylesheet — the prefixed CSS for the star rating, ready to ship as a `.css` file. */
export declare const ratingCss: Definition["css"];
//#endregion
//#region src/components/toggle-group/index.d.ts
/** Standalone `toggleGroup` stylesheet — the prefixed CSS for the bordered disclosure, ready to ship as a `.css` file. */
export declare const toggleGroupCss: Definition["css"];
//#endregion
//#region src/components/context-view/index.d.ts
/** Standalone `contextView` stylesheet — the prefixed CSS for the caret callout, ready to ship as a `.css` file. */
export declare const contextViewCss: Definition["css"];
//#endregion
//#region src/components/drawer-layout/index.d.ts
/** Standalone `drawer-layout` stylesheet — the prefixed CSS for a resizable side tray layout. */
export declare const drawerLayoutCss: Definition["css"];
//#endregion
//#region src/components/drawer-layout/members/tray/index.d.ts
/** Standalone `drawer-layout.tray` stylesheet. */
export declare const drawerLayoutTrayCss: Definition["css"];
//#endregion
//#region src/components/drawer-layout/members/content/index.d.ts
/** Standalone `drawer-layout.content` stylesheet. */
export declare const drawerLayoutContentCss: Definition["css"];
//#endregion
//#region src/components/progress-circle/index.d.ts
/** Standalone `progressCircle` stylesheet — the prefixed CSS for the progress ring, ready to ship as a `.css` file. */
export declare const progressCircleCss: Definition["css"];
//#endregion
//#region src/components/pagination/index.d.ts
/** Standalone `pagination` stylesheet — the prefixed CSS for the page navigation, ready to ship as a `.css` file. */
export declare const paginationCss: Definition["css"];
//#endregion
//#region src/components/pagination/members/page/index.d.ts
/** Standalone `pagination.page` stylesheet. */
export declare const paginationPageCss: Definition["css"];
//#endregion
//#region src/components/toggle-details/index.d.ts
/** Standalone `toggleDetails` stylesheet — the prefixed CSS for the details disclosure, ready to ship as a `.css` file. */
export declare const toggleDetailsCss: Definition["css"];
//#endregion
//#region src/components/file-drop/index.d.ts
/** Standalone `fileDrop` stylesheet — the prefixed CSS for the file dropzone, ready to ship as a `.css` file. */
export declare const fileDropCss: Definition["css"];
//#endregion
//#region src/components/side-nav-bar/index.d.ts
/** Standalone `sideNavBar` stylesheet — the prefixed CSS for the navigation rail, ready to ship as a `.css` file. */
export declare const sideNavBarCss: Definition["css"];
//#endregion
//#region src/components/side-nav-bar/members/item/index.d.ts
/** Standalone `side-nav-bar.item` stylesheet. */
export declare const sideNavBarItemCss: Definition["css"];
//#endregion
//#region src/components/tree-browser/index.d.ts
/** Standalone `treeBrowser` stylesheet — the prefixed CSS for the disclosure tree, ready to ship as a `.css` file. */
export declare const treeBrowserCss: Definition["css"];
//#endregion
//#region src/components/calendar/index.d.ts
/** Standalone `calendar` stylesheet — the prefixed CSS for the month grid, ready to ship as a `.css` file. */
export declare const calendarCss: Definition["css"];
//#endregion
//#region src/components/calendar/members/day/index.d.ts
/** Standalone `calendar.day` stylesheet. */
export declare const calendarDayCss: Definition["css"];
//#endregion
//#region src/components/popover/index.d.ts
/** Standalone `popover` stylesheet — the prefixed CSS for the popover surface, ready to ship as a `.css` file. */
export declare const popoverCss: Definition["css"];
//#endregion
//#region src/components/tray/index.d.ts
/** Standalone `tray` stylesheet — the prefixed CSS for the sliding tray, ready to ship as a `.css` file. */
export declare const trayCss: Definition["css"];
//#endregion
//#region src/components/tooltip/index.d.ts
/** Standalone `tooltip` stylesheet — the prefixed CSS for the tooltip bubble, ready to ship as a `.css` file. */
export declare const tooltipCss: Definition["css"];
//#endregion
//#region src/components/range-input/index.d.ts
/** Standalone `rangeInput` stylesheet — the prefixed CSS for the range slider, ready to ship as a `.css` file. */
export declare const rangeInputCss: Definition["css"];
//#endregion
//#region src/components/heading/index.d.ts
/** Standalone `heading` stylesheet — the prefixed CSS for the heading type, ready to ship as a `.css` file. */
export declare const headingCss: Definition["css"];
//#endregion
//#region src/components/text/index.d.ts
/** Standalone `text` stylesheet — the prefixed CSS for the body typography, ready to ship as a `.css` file. */
export declare const textCss: Definition["css"];
//#endregion
//#region src/components/close-button/index.d.ts
/** Standalone `closeButton` stylesheet — the prefixed CSS for the close button, ready to ship as a `.css` file. */
export declare const closeButtonCss: Definition["css"];
//#endregion
//#region src/components/text-input/index.d.ts
/** Standalone `textInput` stylesheet — the prefixed CSS for the text input, ready to ship as a `.css` file. */
export declare const textInputCss: Definition["css"];
//#endregion
//#region src/components/text-area/index.d.ts
/** Standalone `textArea` stylesheet — the prefixed CSS for the textarea, ready to ship as a `.css` file. */
export declare const textAreaCss: Definition["css"];
//#endregion
//#region src/components/simple-select/index.d.ts
/** Standalone `simpleSelect` stylesheet — the prefixed CSS for the native select, ready to ship as a `.css` file. */
export declare const simpleSelectCss: Definition["css"];
//#endregion
//#region src/components/input-group/index.d.ts
/** Standalone `inputGroup` stylesheet — the prefixed CSS for the input group, ready to ship as a `.css` file. */
export declare const inputGroupCss: Definition["css"];
//#endregion
//#region src/components/number-input/index.d.ts
/** Standalone `numberInput` stylesheet — the prefixed CSS for the number input, ready to ship as a `.css` file. */
export declare const numberInputCss: Definition["css"];
//#endregion
//#region src/components/in-place-edit/index.d.ts
/** Standalone `inPlaceEdit` stylesheet — the prefixed CSS for the in-place editor, ready to ship as a `.css` file. */
export declare const inPlaceEditCss: Definition["css"];
//#endregion
//#region src/components/form-field-messages/index.d.ts
/** Standalone `formFieldMessages` stylesheet — the prefixed CSS for the field messages, ready to ship as a `.css` file. */
export declare const formFieldMessagesCss: Definition["css"];
//#endregion
//#region src/components/form-field/index.d.ts
/** Standalone `formField` stylesheet — the prefixed CSS for the form-field wrapper, ready to ship as a `.css` file. */
export declare const formFieldCss: Definition["css"];
//#endregion
//#region src/components/form-field-group/index.d.ts
/** Standalone `formFieldGroup` stylesheet — the prefixed CSS for the fieldset group, ready to ship as a `.css` file. */
export declare const formFieldGroupCss: Definition["css"];
//#endregion
//#region src/components/radio-input-group/index.d.ts
/** Standalone `radioInputGroup` stylesheet — the prefixed CSS for the radio group, ready to ship as a `.css` file. */
export declare const radioInputGroupCss: Definition["css"];
//#endregion
//#region src/components/view/index.d.ts
/** The View component as a standalone, header-wrapped stylesheet. */
export declare const viewCss: Definition["css"];
//#endregion
//#region src/components/select/index.d.ts
/**
 * The **experimental** customizable-select enhancement for `.<prefix>-simple-select`. Everything is
 * gated behind `@supports (appearance: base-select)` (the CSS Customizable Select model — Chrome 135+,
 * NOT yet Baseline), so it's pure progressive enhancement: browsers without support keep the plain
 * `simpleSelectCss` control; supporting browsers get a styled `::picker(select)` panel and styled
 * `option`s (hover/selected) from the `--instui-component-options-item-*` tokens. Shipped as its own
 * opt-in `select.css` (like `fonts.css`) rather than folded into `components.css`, precisely because the
 * feature is experimental — you opt in deliberately.
 *
 * @param options - {@link ComponentOptions}.
 * @returns The CSS string.
 *
 * @example
 * ```ts
 * import { selectCss } from "@pantoken/components";
 *
 * // Load AFTER components.css; enhances the same <select class="instui-simple-select"> element.
 * const css = selectCss();
 * ```
 *
 * @demo self:simple-select
 */
export declare function selectCss(options?: ComponentOptions): string;
//#endregion
//#region src/utilities/ai-gradient/index.d.ts
/** The AI gradient utility as a standalone, header-wrapped stylesheet. */
export declare const aiGradientCss: Definition["css"];
//#endregion
//#region src/utilities/spacing/index.d.ts
/** The spacing utilities as a standalone, header-wrapped stylesheet. */
export declare const spacingUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/gap/index.d.ts
/** The gap utility as a standalone, header-wrapped stylesheet. */
export declare const gapCss: Definition["css"];
//#endregion
//#region src/utilities/layout/index.d.ts
/** The layout utilities as a standalone, header-wrapped stylesheet. */
export declare const layoutUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/responsive/index.d.ts
/** The responsive-visibility utilities as a standalone, header-wrapped stylesheet. */
export declare const responsiveUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/position/index.d.ts
/** The position utility as a standalone, header-wrapped stylesheet. */
export declare const positionUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/overflow/index.d.ts
/** The overflow utility as a standalone, header-wrapped stylesheet. */
export declare const overflowUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/cursor/index.d.ts
/** The cursor utility as a standalone, header-wrapped stylesheet. */
export declare const cursorUtilitiesCss: Definition["css"];
//#endregion
//#region src/utilities/stacking/index.d.ts
/** The stacking utility as a standalone, header-wrapped stylesheet. */
export declare const stackingUtilityCss: Definition["css"];
//#endregion
//#region src/utilities/mask/index.d.ts
/** The mask utility as a standalone, header-wrapped stylesheet. */
export declare const maskUtilityCss: Definition["css"];
//#endregion
//#region src/utilities/transition/index.d.ts
/** The transition utility as a standalone, header-wrapped stylesheet. */
export declare const transitionCss: Definition["css"];
//#endregion
//#region src/utilities/truncate/index.d.ts
/** The truncate utility as a standalone, header-wrapped stylesheet. */
export declare const truncateCss: Definition["css"];
//#endregion
//#region src/utilities/icon/index.d.ts
/** The icon utility as a standalone, header-wrapped stylesheet. */
export declare const iconCss: Definition["css"];
//#endregion
//#region src/utilities/screen-reader-content/index.d.ts
/** The screen-reader-content utility as a standalone, header-wrapped stylesheet. */
export declare const screenReaderContentCss: Definition["css"];
//#endregion
//#region src/utilities/visual-debug/index.d.ts
/** The visual-debug utility as a standalone, header-wrapped stylesheet. */
export declare const visualDebugCss: Definition["css"];
//#endregion
//#region src/utilities/icon-glyphs/index.d.ts
/** Options for {@link iconGlyphsCss}. */
interface IconGlyphsOptions extends ComponentOptions {
  /**
   * Also emit the deprecated InstUI-prop glyph aliases (`-render-icon-<name>`, `-render-custom-icon-<name>`)
   * as functional aliases of `-icon-<name>`. Off by default — turning it on roughly doubles the sheet, so
   * enable it only when you need markup written against the old `renderIcon`/`renderCustomIcon` prop names
   * to keep rendering. The shipped `icons.css` is built with this on.
   */
  deprecatedAliases?: boolean;
}
/**
 * Build the icon-glyph stylesheet: one `.<prefix>-icon-<name>` class per icon that points
 * `--pantoken-glyph` at the matching `--instui-icon-<name>` token. Kept out of the component bundle
 * (it's large); ships as its own `icons.css`. Pass the icon names (e.g. from `@pantoken/icons`).
 *
 * @param names - Icon names without the `--instui-icon-` prefix (e.g. `["megaphone", "check"]`).
 * @param options - {@link IconGlyphsOptions} (adds `deprecatedAliases` to {@link ComponentOptions}).
 * @returns The CSS string.
 *
 * @example
 * ```ts
 * import { iconGlyphsCss } from "@pantoken/components";
 * import { icons } from "@pantoken/icons";
 *
 * const css = iconGlyphsCss(icons.map((i) => i.name)); // .-icon-megaphone { --pantoken-glyph: … }
 * ```
 *
 * This is the glyph-token half of the icon system (the `.-icon-<name>` modifiers, shipped as
 * `icons.css`); the `icon` utility is the painter half (the shared `::before`). They share the `icon`
 * demo.
 */
export declare function iconGlyphsCss(names: readonly string[], options?: IconGlyphsOptions): string;
//#endregion
//#region src/index.d.ts
/**
 * Build the opt-in base/reset stylesheet: global document defaults from the tokens (box-sizing, body
 * reset, page surface, base text colour/font, `color-scheme`, base link), followed by the focus-ring
 * rules (a document-level default that targets bare focusables). Only the ring *rules* live here — the
 * `--instui-focus-outline-*` custom properties they read ship in the token sheet (`@pantoken/css`), so
 * `base.css` no longer redefines them. Load it once, ahead of the component and prose sheets, when
 * pantoken owns the page.
 *
 * @returns The CSS string.
 */
export declare function baseCss(): string;
/**
 * Build the aggregated component stylesheet: every component's rules in the `COMPONENTS` concat order.
 * The size-alias and alias twins are appended PER COMPONENT (within its own chunk) so each alias
 * documents on its own page — the aliases are discovered from each record's `@alias {@link -x}` or
 * `@deprecated {@link -x}` metadata (see `withAliases`), not a central hand-kept list. The
 * `--instui-elevation-*` shadow scale the components reference is defined in the token sheet
 * (`@pantoken/css`), so it's no longer inlined here.
 *
 * @param options - {@link ComponentOptions}.
 * @returns The CSS string.
 */
export declare function componentsCss(options?: ComponentOptions): string;
//#endregion
export { type ComponentOptions, ELEVATION_NAMES, FOCUSABLE_SELECTOR, type IconGlyphsOptions, type ProseOptions, elevationDeclarations, focusOutlineDeclarations, focusOutlineRules };