import { type SlotNames, type VariantProps } from '../../utils/variants.js';
export declare const sidebarLayoutVariants: ((props?: {
    side?: "right" | "left" | undefined;
    contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
} | undefined) => {
    root: (props?: ({
        side?: "right" | "left" | undefined;
        contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
    } & {
        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
    }) | undefined) => string;
    mobileHeader: (props?: ({
        side?: "right" | "left" | undefined;
        contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
    } & {
        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
    }) | undefined) => string;
    toggleRail: (props?: ({
        side?: "right" | "left" | undefined;
        contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
    } & {
        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
    }) | undefined) => string;
    main: (props?: ({
        side?: "right" | "left" | undefined;
        contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
    } & {
        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
    }) | undefined) => string;
    inner: (props?: ({
        side?: "right" | "left" | undefined;
        contentMaxWidth?: "sm" | "md" | "lg" | "xl" | "none" | "2xl" | undefined;
    } & {
        class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
    }) | undefined) => string;
}) & {
    readonly config: import("../../utils/variants.js").TVConfig;
};
/**
 * `main`'s offset while the `toggle` snippet's desktop grip is on screen: the
 * sidebar width plus the strip the floating grip is parked in, on the side the
 * sidebar is attached to. Folded in over the `side` slot class at the call site
 * rather than declared as a tv axis — every axis of this config is published as
 * a component prop (API table, playground knobs, `llm.txt`, MCP catalog), and
 * this one is not settable from outside. The price: it sits outside
 * `variants:lint`, which reads tv configs only — the tests that fold it through
 * `styles.main()` are its whole guard.
 *
 * The default is the `var()` FALLBACK and not a value the component writes: a
 * custom property stamped on the root outranks both a consumer's `style`
 * attribute and any `[--…:…]` class, so the fallback is what leaves it
 * overridable at all. 3.5rem clears `pl-2` plus the 46px control the docs
 * example ships.
 */
export declare const SIDEBAR_TOGGLE_GUTTER: {
    readonly left: "lg:pl-[calc(var(--sidebar-effective-width)+var(--sidebar-toggle-gutter,3.5rem))]";
    readonly right: "lg:pr-[calc(var(--sidebar-effective-width)+var(--sidebar-toggle-gutter,3.5rem))]";
};
export type SidebarLayoutVariants = VariantProps<typeof sidebarLayoutVariants>;
/** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
export type SidebarLayoutSlots = SlotNames<typeof sidebarLayoutVariants>;