/** * Style slots, CVA variants, and defaults for the Tabs component. * * Provides sensible out-of-the-box styling using semantic theme tokens * (bg-muted, text-foreground, etc.) while remaining fully overridable * via the `slots` prop and CVA variant/size system. * * The sliding indicator uses CSS Anchor Positioning API for * zero-JS position tracking with WAAPI-driven transitions. * * @module @mks2508/mks-ui/react/ui/Tabs/Tabs.styles */ import type { StyleSlots } from '../../../core/types'; /** * Union of all visual regions (slots) in the Tabs component tree. */ export type TabsSlot = 'root' | 'list' | 'tab' | 'panel' | 'panels' | 'highlight' | 'highlightItem' | 'indicator'; /** * Default style map for every Tabs slot. * Provides complete styling that works without any overrides. */ export declare const tabsStyles: StyleSlots; /** * CVA variants for the TabsList container. * * @example * ```tsx * * Tab A * * ``` */ export declare const tabsListVariants: (props?: ({ variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; /** * CVA variants for individual tab triggers. * * @example * ```tsx * * General * * ``` */ export declare const tabsTabVariants: (props?: ({ variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined; size?: "default" | "sm" | "lg" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; /** * CVA variants for the sliding indicator. * * The indicator is positioned via CSS Anchor Positioning API * (anchor-name on the selected tab, position-anchor on the indicator) * and animated via WAAPI transitions in CSS. */ export declare const tabsIndicatorVariants: (props?: ({ variant?: "default" | "outline" | "underline" | "pill" | "ghost" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; //# sourceMappingURL=Tabs.styles.d.ts.map