import { SprinklesFn } from '../../../node_modules/rainbow-sprinkles/dist/declarations/src/createRuntimeFn.d.js';
import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js';

declare const sidebar: {
    classnames: {
        sidebar: RuntimeFn<{
            position: {
                left: {
                    left: number;
                    transform: "translateX(-100%)";
                };
                right: {
                    right: number;
                    transform: "translateX(100%)";
                };
            };
            open: {
                true: {
                    opacity: number;
                    transform: "translateX(0)";
                };
            };
        }>;
        overlay: string;
    };
    sprinkle: SprinklesFn<[{
        config: {
            zIndex: {
                values: {
                    100: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    200: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    300: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    400: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    500: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    600: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    700: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    800: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    900: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                };
                staticScale: {
                    "100": `var(--${string})` | `var(--${string}, ${string})`;
                    "200": `var(--${string})` | `var(--${string}, ${string})`;
                    "300": `var(--${string})` | `var(--${string}, ${string})`;
                    "400": `var(--${string})` | `var(--${string}, ${string})`;
                    "500": `var(--${string})` | `var(--${string}, ${string})`;
                    "600": `var(--${string})` | `var(--${string}, ${string})`;
                    "700": `var(--${string})` | `var(--${string}, ${string})`;
                    "800": `var(--${string})` | `var(--${string}, ${string})`;
                    "900": `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "zIndex";
            };
            padding: {
                values: {
                    none: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    medium: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                    small: {
                        default: string;
                        conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                    };
                };
                staticScale: {
                    none: string;
                    small: `var(--${string})` | `var(--${string}, ${string})`;
                    medium: `var(--${string})` | `var(--${string}, ${string})`;
                };
                name: "padding";
            };
        };
    } & {
        config: {
            maxWidth: {
                dynamic: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
                dynamicScale: true;
                name: "maxWidth";
                vars: {
                    default: string;
                    conditions: Record<"xs" | "xl" | "md" | "lg", string>;
                };
            };
        };
    }]>;
};

export { sidebar };