import type { Tab, TabsSize, TabsVariant } from './types'; declare function $$render(): { props: { value: T; /** `NoInfer` ensures `T` narrows from `value` only; inline tab literals type-check against the value's T without widening — no `as const` needed at callsites. */ tabs: Tab>[]; /** @default 'default' */ variant?: TabsVariant; /** @default 'md' */ size?: TabsSize; /** Equality for object T values. @default reference equality (`===`) */ compare?: (a: T, b: T) => boolean; on?: { change?: (value: T) => void; }; }; exports: {}; bindings: ""; slots: {}; events: {}; }; declare class __sveltets_Render { props(): ReturnType>['props']; events(): ReturnType>['events']; slots(): ReturnType>['slots']; bindings(): ""; exports(): {}; } interface $$IsomorphicComponent { new (options: import('svelte').ComponentConstructorOptions['props']>>): import('svelte').SvelteComponent['props']>, ReturnType<__sveltets_Render['events']>, ReturnType<__sveltets_Render['slots']>> & { $$bindings?: ReturnType<__sveltets_Render['bindings']>; } & ReturnType<__sveltets_Render['exports']>; (internal: unknown, props: ReturnType<__sveltets_Render['props']> & {}): ReturnType<__sveltets_Render['exports']>; z_$$bindings?: ReturnType<__sveltets_Render['bindings']>; } /** * Tabs — header strip for switching between content panels. Panel rendering is consumer-controlled * (switch on the active `value`). Two visual variants: * * - **`default`**: underline — a 2px accent bar travels under the active tab; the strip has a bottom border. * - **`pills`**: filled — the active tab lifts as a card on an inset tray. * * Each tab carries an optional `disabled` flag (non-interactive). It's a `tablist` — for navigation * between panels, not single-choice form input. Closable tabs are an editor concern, not a panel * switcher's, so they are not part of this component. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--tabs--height` | Tab height | per size (28 / 36 px) | * | `--sc-kit--tabs--font-size` | Tab label font size | per size | * | `--sc-kit--tabs--font-weight` | Tab label font weight | per size (sm: regular / md: medium) | * | `--sc-kit--tabs--padding-inline` | Per-tab horizontal padding | per size (10 / 14 px) | * | `--sc-kit--tabs--radius` | Tab radius (pills) / tray radius | `--sc-kit--radius--sm` / `--sc-kit--radius--md` | * | `--sc-kit--tabs--color` | Default tab text color | `--sc-kit--color--text--secondary` | * | `--sc-kit--tabs--color--hover` | Hover text color | `--sc-kit--color--text--primary` | * | `--sc-kit--tabs--color--active` | Active tab text color | default: `--sc-kit--color--accent`, pills: `--sc-kit--color--text--primary` | * | `--sc-kit--tabs--color--disabled` | Disabled tab text color | `--sc-kit--color--text--muted` | * | `--sc-kit--tabs--accent` | Underline bar color (default variant) | `--sc-kit--color--accent` | * | `--sc-kit--tabs--border-color` | Bottom border color (default variant) | `--sc-kit--color--border` | * | `--sc-kit--tabs--pills--background` | Inset tray background (pills variant) | `--sc-kit--color--bg--active` | * | `--sc-kit--tabs--pills--background--active` | Active tab background (pills variant) | `--sc-kit--color--bg--panel` | * | `--sc-kit--tabs--pills--shadow--active` | Active tab lift shadow (pills variant) | `--sc-kit--shadow--sm` | */ declare const Cmp: $$IsomorphicComponent; type Cmp = InstanceType>; export default Cmp;