import type { StoryObj } from '@storybook/vue3-vite';
import { TThemeProvider } from './TThemeProvider';
declare const meta: {
    title: string;
    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        theme: {
            type: import("vue").PropType<import("./TThemeProvider").TThemeProviderProps["theme"]>;
            default: () => {};
        };
    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
        [key: string]: any;
    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        theme: {
            type: import("vue").PropType<import("./TThemeProvider").TThemeProviderProps["theme"]>;
            default: () => {};
        };
    }>> & Readonly<{}>, {
        theme: import("../..").TThemeOverride | undefined;
    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
};
export default meta;
type Story = StoryObj<typeof TThemeProvider>;
/**
 * Default — no theme prop passed. Vars inherit from `:root` in toku-ui/tokens.css.
 * Brand resolves to Toku purple (#3C1053).
 */
export declare const Default: Story;
/**
 * Orange tenant — TThemeProvider receives a brand override. createTheme regenerates the 12 brand
 * steps + 12 brand alpha steps from #FF6600, and TThemeProvider injects them as inline CSS vars
 * on its root <div>. Every component inside resolves to orange-derived values, without re-rendering.
 */
export declare const TenantOrange: Story;
/**
 * Green tenant — same component, different brand. Demonstrates that the runtime swap is just
 * a hex change, no code changes.
 */
export declare const TenantGreen: Story;
/**
 * Side-by-side comparison: two TThemeProviders rendering the same BrandSwatch with different brands.
 * Each provider isolates its own CSS-var scope to its <div> subtree.
 */
export declare const SideBySide: Story;
//# sourceMappingURL=TThemeProvider.stories.d.ts.map