import { RuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/vanilla-extract-recipes.cjs.d.js'; declare const sideNavigationStyles: { sideNavigation: RuntimeFn<{ active: { true: { color: `var(--${string})` | `var(--${string}, ${string})`; ":after": { content: ""; position: "absolute"; left: number; right: number; top: number; bottom: number; backgroundColor: `var(--${string})` | `var(--${string}, ${string})`; }; ":hover": { backgroundColor: `var(--${string})` | `var(--${string}, ${string})`; }; ":active": { backgroundColor: `var(--${string})` | `var(--${string}, ${string})`; }; ":disabled": { backgroundColor: `var(--${string})` | `var(--${string}, ${string})`; cursor: "not-allowed"; }; }; }; }>; item: RuntimeFn<{ /** * Determines the level of nesting for the item. */ level: { 0: { paddingLeft: `var(--${string})` | `var(--${string}, ${string})`; }; 1: { paddingLeft: `var(--${string})` | `var(--${string}, ${string})`; }; 2: { paddingLeft: `var(--${string})` | `var(--${string}, ${string})`; }; }; }>; name: RuntimeFn<{ active: { true: { color: `var(--${string})` | `var(--${string}, ${string})`; }; }; disabled: { true: { color: `var(--${string})` | `var(--${string}, ${string})`; }; }; }>; description: RuntimeFn<{ disabled: { true: { color: `var(--${string})` | `var(--${string}, ${string})`; }; }; }>; content: RuntimeFn<{ open: { true: { overflow: "visible"; maxHeight: "unset"; marginTop: `var(--${string})` | `var(--${string}, ${string})`; }; }; }>; }; export { sideNavigationStyles };