/**
 * Tabs — headless primitive wrapping Radix Tabs.
 *
 * Radix's Tabs owns the WAI-ARIA Tabs pattern: `role="tablist"` /
 * `role="tab"` / `role="tabpanel"` wiring, arrow-key + Home/End
 * navigation, automatic vs. manual activation modes, and
 * `aria-controls` / `aria-labelledby` pairing (ARCHITECTURE §6). We
 * wrap thinly:
 *   - Permission gating on <Root> (denied → null + permission:denied)
 *   - Audit emission on tab change (`tabs:change`)
 *   - `data-oshon-primitive="tabs-*"` styling hooks
 *
 * "use client" mandatory — Radix uses hooks + DOM APIs internally.
 */
import * as RadixTabs from '@radix-ui/react-tabs';
import type { ComponentPropsWithoutRef, ReactNode } from 'react';
import { type PermissionContext } from '../context.js';
export interface TabsRootProps extends Omit<RadixTabs.TabsProps, 'onValueChange'> {
    /**
     * Fires whenever the active tab changes. The primitive fires
     * `tabs:change` audit automatically before this callback runs.
     */
    onValueChange?: (value: string) => void;
    /**
     * Per-instance permission override. Merges over the ambient
     * `PermissionContext`. Denied + any mode hides the entire tabs
     * surface — tabs are navigation scaffolding; no useful visible-but-
     * inert state — and emits a `permission:denied` audit.
     */
    permissions?: Partial<PermissionContext>;
    /**
     * Resource name for `permissions.can('view', resource, attrs)`.
     * Default `'tabs'`. Override for e.g. `resource="admin:settings-tabs"`.
     */
    resource?: string;
    /** Attribute bag for attribute-based access control. */
    permissionAttrs?: Record<string, unknown>;
    children: ReactNode;
}
/**
 * Tabs root. Orchestrates the tablist + panels, gates on permissions,
 * fires `tabs:change` audit. Must wrap `Tabs.List` + `Tabs.Trigger*` +
 * `Tabs.Content*`.
 */
declare function Root({ children, value, defaultValue, onValueChange, permissions, resource, permissionAttrs, orientation, dir, activationMode, ...rest }: TabsRootProps): import("react/jsx-runtime").JSX.Element | null;
declare namespace Root {
    var displayName: string;
}
export type TabsListProps = ComponentPropsWithoutRef<typeof RadixTabs.List>;
export type TabsTriggerProps = ComponentPropsWithoutRef<typeof RadixTabs.Trigger>;
export type TabsContentProps = ComponentPropsWithoutRef<typeof RadixTabs.Content>;
/**
 * Compound Tabs primitive. Use as:
 *
 *   <Tabs.Root defaultValue="overview">
 *     <Tabs.List>
 *       <Tabs.Trigger value="overview">Overview</Tabs.Trigger>
 *       <Tabs.Trigger value="activity">Activity</Tabs.Trigger>
 *     </Tabs.List>
 *     <Tabs.Content value="overview">…</Tabs.Content>
 *     <Tabs.Content value="activity">…</Tabs.Content>
 *   </Tabs.Root>
 */
export declare const Tabs: {
    Root: typeof Root;
    List: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
    Trigger: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
    Content: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
};
export type TabsProps = TabsRootProps;
export {};
//# sourceMappingURL=tabs.d.ts.map