//#region src/styles/appearance-tokens.d.ts type AppearanceTokens = { radius: string; containerRadius: string; border: string; containerGap: string; spacing: string; shadowSm: string; shadowMd: string; shadowLg: string; transition: string; easing: string; font: string; fontSize: string; dayFontSize: string; dayWeight: string; /** * Day cell HEIGHT floor (`min-block-size`), e.g. `"3em"` (roomy) or `"2em"` * (tight). Safe — height only; width stays grid-driven so columns never * drift from the weekday headers (unlike a per-cell `aspect-ratio`). */ dayHeight: string; daysGap: string; daysPadding: string; popupPadding: string; chipSize: string; /** UIButton padding (the toolbar/action control box). */ controlPadding: string; /** UIButton border width — separate from the container `border`. */ controlBorder: string; /** UIButton / UITile font-weight. */ controlWeight: string; /** * Press feedback: the scale a button/tile shrinks to while `:active` * (pressed), e.g. `"0.95"` (a tactile squish) or `"1"` (none). Non-color — * shape/motion only. The pressed background is theme-driven and always on; an * appearance varies how much it squishes. Mirrors v2's `--cal-press-scale`. */ pressScale: string; /** UITile padding (months/years/preset cells, popup picker tiles). */ tilePadding: string; opacityDisabled: string; opacityMuted: string; opacityHover: string; letterSpacing: string; }; /** @internal */ declare const CUSTOM_APPEARANCE_BRAND: unique symbol; /** A custom appearance built by {@link createAppearance}: inline `--cal-*` vars. */ type CustomAppearance = { readonly [CUSTOM_APPEARANCE_BRAND]: true; readonly vars: Readonly>; }; /** Built-in name (`data-appearance`) OR a `createAppearance` token object. */ type CalendarAppearance = CustomAppearance | (string & {}); declare function isCustomAppearance(value: unknown): value is CustomAppearance; /** * Build a custom appearance from a partial token set. Pass the result as the * `appearance` prop; unknown keys are ignored, so it never throws. * * @example * const tight = createAppearance({ radius: "0.25em", spacing: "0.4em" }); * */ declare function createAppearance(tokens: Partial): CustomAppearance; //#endregion export { isCustomAppearance as a, createAppearance as i, type CalendarAppearance as n, type CustomAppearance as r, type AppearanceTokens as t };